#00C2FF - #CBFFA9 | 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 #00C2FF to #CBFFA9

#00C2FF #CBFFA9

Calculate the color between two colors, #00C2FF and #CBFFA9. 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)

#00C2FF - #CBFFA9 | 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 #00C2FF as 0% and #CBFFA9 as 100%.

0.0%	0.0% #00C2FF	RGB 0 194 255	#00C2FF
16.7%	16.7% #21CCF0	RGB 33 204 240	#21CCF0
33.3%	33.3% #43D6E2	RGB 67 214 226	#43D6E2
50.0%	50.0% #65E0D4	RGB 101 224 212	#65E0D4
66.7%	66.7% #87EAC5	RGB 135 234 197	#87EAC5
83.3%	83.3% #A9F4B7	RGB 169 244 183	#A9F4B7
100.0%	100.0% #CBFFA9	RGB 203 255 169	#CBFFA9

#00C2FF #21CCF0 #43D6E2 #65E0D4 #87EAC5 #A9F4B7 #CBFFA9

#00C2FF - #CBFFA9

HSV Blend

#00C2FF - #CBFFA9 | 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 #00C2FF as 0% and #CBFFA9 as 100%.

0.0%	0.0% #00C2FF	RGB 0 194 255	#00C2FF
16.7%	16.7% #1CFFF7	RGB 28 255 247	#1CFFF7
33.3%	33.3% #38FFC2	RGB 56 255 194	#38FFC2
50.0%	50.0% #54FF9C	RGB 84 255 156	#54FF9C
66.7%	66.7% #70FF85	RGB 112 255 133	#70FF85
83.3%	83.3% #9AFF8C	RGB 154 255 140	#9AFF8C
100.0%	100.0% #CBFFA9	RGB 203 255 169	#CBFFA9

#00C2FF #1CFFF7 #38FFC2 #54FF9C #70FF85 #9AFF8C #CBFFA9

#00C2FF - #54FF9C - #CBFFA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C2FF 0%, #54FF9C 50%, #CBFFA9 100%);
    background: -webkit-linear-gradient(top, #00C2FF 0%, #54FF9C 50%, #CBFFA9 100%);
    background: linear-gradient(to bottom, #00C2FF 0%, #54FF9C 50%, #CBFFA9 100%);
}
</style>