Good Vibes

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

Android color codes


                <color name="Good Vibes_1">#0016aa</color>


                <color name="Good Vibes_2">#c0ffff</color>

Android gradient PRO

Flutter color codes


                const Good Vibes1 = Color(0xFF0016aa);


                const Good Vibes2 = Color(0xFFc0ffff);

Flutter gradient PRO

Gradient information

Blue

Cyan

Color	HEX	RGB	HSL	HSV	CMYK	Pantone (Or similar)	View color
	#0016aa	rgb (0, 22, 170)	hsl 232°, 100%, 33%	hsv 232°, 100%, 67%	cmyk 100%, 87%, 0%, 33%	Pantone 2736C
	#c0ffff	rgb (192, 255, 255)	hsl 180°, 100%, 88%	hsv 180°, 25%, 100%	cmyk 25%, 0%, 0%, 0%	Pantone 317C

Color blindness filter

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

Far far away, behind the word mountains

Featured tools

Gradient generator

Palette generator