#00A2FF - #CDFFCB | 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 #00A2FF to #CDFFCB

#00A2FF #CDFFCB

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

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

0.0%	0.0% #00A2FF	RGB 0 162 255	#00A2FF
16.7%	16.7% #22B1F6	RGB 34 177 246	#22B1F6
33.3%	33.3% #44C1ED	RGB 68 193 237	#44C1ED
50.0%	50.0% #66D0E5	RGB 102 208 229	#66D0E5
66.7%	66.7% #88E0DC	RGB 136 224 220	#88E0DC
83.3%	83.3% #AAEFD3	RGB 170 239 211	#AAEFD3
100.0%	100.0% #CDFFCB	RGB 205 255 203	#CDFFCB

#00A2FF #22B1F6 #44C1ED #66D0E5 #88E0DC #AAEFD3 #CDFFCB

#00A2FF - #CDFFCB

HSV Blend

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

0.0%	0.0% #00A1FF	RGB 0 161 255	#00A1FF
16.7%	16.7% #21E2FF	RGB 33 226 255	#21E2FF
33.3%	33.3% #43FFEB	RGB 67 255 235	#43FFEB
50.0%	50.0% #65FFCB	RGB 101 255 203	#65FFCB
66.7%	66.7% #87FFBA	RGB 135 255 186	#87FFBA
83.3%	83.3% #A9FFB9	RGB 169 255 185	#A9FFB9
100.0%	100.0% #CDFFCB	RGB 205 255 203	#CDFFCB

#00A1FF #21E2FF #43FFEB #65FFCB #87FFBA #A9FFB9 #CDFFCB

#00A2FF - #65FFCB - #CDFFCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
    background: -webkit-linear-gradient(top, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
    background: linear-gradient(to bottom, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
}
</style>