#6CE2FF - #149EE1 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #6CE2FF to #149EE1

#6CE2FF #149EE1

Calculate the color between two colors, #6CE2FF and #149EE1. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#6CE2FF - #149EE1 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #6CE2FF as 0% and #149EE1 as 100%.

0.0%	0.0% #6CE2FF	RGB 108 226 255	#6CE2FF
16.7%	16.7% #5DD6FA	RGB 93 214 250	#5DD6FA
33.3%	33.3% #4ECBF5	RGB 78 203 245	#4ECBF5
50.0%	50.0% #40C0F0	RGB 64 192 240	#40C0F0
66.7%	66.7% #31B4EB	RGB 49 180 235	#31B4EB
83.3%	83.3% #22A9E6	RGB 34 169 230	#22A9E6
100.0%	100.0% #149EE1	RGB 20 158 225	#149EE1

#6CE2FF #5DD6FA #4ECBF5 #40C0F0 #31B4EB #22A9E6 #149EE1

#6CE2FF - #149EE1

HSV Blend

#6CE2FF - #149EE1 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #6CE2FF as 0% and #149EE1 as 100%.

0.0%	0.0% #6CE1FF	RGB 108 225 255	#6CE1FF
16.7%	16.7% #5BD7FA	RGB 91 215 250	#5BD7FA
33.3%	33.3% #4CCCF5	RGB 76 204 245	#4CCCF5
50.0%	50.0% #3DC1F0	RGB 61 193 240	#3DC1F0
66.7%	66.7% #2FB5EB	RGB 47 181 235	#2FB5EB
83.3%	83.3% #21A9E6	RGB 33 169 230	#21A9E6
100.0%	100.0% #149EE1	RGB 20 158 225	#149EE1

#6CE1FF #5BD7FA #4CCCF5 #3DC1F0 #2FB5EB #21A9E6 #149EE1

#6CE2FF - #3DC1F0 - #149EE1

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #6CE2FF 0%, #149EE1 100%);
    background: -webkit-linear-gradient(top, #6CE2FF 0%, #149EE1 100%);
    background: linear-gradient(to bottom, #6CE2FF 0%, #149EE1 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CE1FF 0%, #3DC1F0 50%, #149EE1 100%);
    background: -webkit-linear-gradient(top, #6CE1FF 0%, #3DC1F0 50%, #149EE1 100%);
    background: linear-gradient(to bottom, #6CE1FF 0%, #3DC1F0 50%, #149EE1 100%);
}
</style>