#14C7FF - #CEFFAB | 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 #14C7FF to #CEFFAB

#14C7FF #CEFFAB

Calculate the color between two colors, #14C7FF and #CEFFAB. 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)

#14C7FF - #CEFFAB | 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 #14C7FF as 0% and #CEFFAB as 100%.

0.0%	0.0% #14C7FF	RGB 20 199 255	#14C7FF
16.7%	16.7% #33D0F1	RGB 51 208 241	#33D0F1
33.3%	33.3% #52D9E3	RGB 82 217 227	#52D9E3
50.0%	50.0% #71E3D5	RGB 113 227 213	#71E3D5
66.7%	66.7% #90ECC7	RGB 144 236 199	#90ECC7
83.3%	83.3% #AFF5B9	RGB 175 245 185	#AFF5B9
100.0%	100.0% #CEFFAB	RGB 206 255 171	#CEFFAB

#14C7FF #33D0F1 #52D9E3 #71E3D5 #90ECC7 #AFF5B9 #CEFFAB

#14C7FF - #CEFFAB

HSV Blend

#14C7FF - #CEFFAB | 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 #14C7FF as 0% and #CEFFAB as 100%.

0.0%	0.0% #13C7FF	RGB 19 199 255	#13C7FF
16.7%	16.7% #2DFFF7	RGB 45 255 247	#2DFFF7
33.3%	33.3% #46FFC5	RGB 70 255 197	#46FFC5
50.0%	50.0% #5FFFA1	RGB 95 255 161	#5FFFA1
66.7%	66.7% #78FF8A	RGB 120 255 138	#78FF8A
83.3%	83.3% #A1FF91	RGB 161 255 145	#A1FF91
100.0%	100.0% #CEFFAB	RGB 206 255 171	#CEFFAB

#13C7FF #2DFFF7 #46FFC5 #5FFFA1 #78FF8A #A1FF91 #CEFFAB

#14C7FF - #5FFFA1 - #CEFFAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #13C7FF 0%, #5FFFA1 50%, #CEFFAB 100%);
    background: -webkit-linear-gradient(top, #13C7FF 0%, #5FFFA1 50%, #CEFFAB 100%);
    background: linear-gradient(to bottom, #13C7FF 0%, #5FFFA1 50%, #CEFFAB 100%);
}
</style>