Cloud

Share this gradient with your social timeline or friends ✨

Or copy this link:

https://colorffy.com/gradients/075KYKKipRXNMR3Fqf9s

Orientation	CSS (Click text to copy. If you can't copy, just hit Ctrl+C)
To Right	`background: linear-gradient(to right, #03a9f4, #00bcd4);`
To Left	`background: linear-gradient(to left, #03a9f4, #00bcd4);`
To Bottom	`background: linear-gradient(to bottom, #03a9f4, #00bcd4);`
To Top	`background: linear-gradient(to top, #03a9f4, #00bcd4);`

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)
	#03a9f4	rgb (3, 169, 244)	hsl 199°, 98%, 48%	hsv 199°, 99%, 96%	cmyk 99%, 31%, 0%, 4%	Pantone 2925C
	#00bcd4	rgb (0, 188, 212)	hsl 187°, 100%, 42%	hsv 187°, 100%, 83%	cmyk 100%, 11%, 0%, 17%	Pantone 311C

How it looks?

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Your text content here

Select UI element

Button