#A2C2FF - #B7FFCA | 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 #A2C2FF to #B7FFCA

#A2C2FF #B7FFCA

Calculate the color between two colors, #A2C2FF and #B7FFCA. 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)

#A2C2FF - #B7FFCA | 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 #A2C2FF as 0% and #B7FFCA as 100%.

0.0%	0.0% #A2C2FF	RGB 162 194 255	#A2C2FF
16.7%	16.7% #A5CCF6	RGB 165 204 246	#A5CCF6
33.3%	33.3% #A9D6ED	RGB 169 214 237	#A9D6ED
50.0%	50.0% #ACE0E4	RGB 172 224 228	#ACE0E4
66.7%	66.7% #B0EADB	RGB 176 234 219	#B0EADB
83.3%	83.3% #B3F4D2	RGB 179 244 210	#B3F4D2
100.0%	100.0% #B7FFCA	RGB 183 255 202	#B7FFCA

#A2C2FF #A5CCF6 #A9D6ED #ACE0E4 #B0EADB #B3F4D2 #B7FFCA

#A2C2FF - #B7FFCA

HSV Blend

#A2C2FF - #B7FFCA | 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 #A2C2FF as 0% and #B7FFCA as 100%.

0.0%	0.0% #A2C2FF	RGB 162 194 255	#A2C2FF
16.7%	16.7% #A5D9FF	RGB 165 217 255	#A5D9FF
33.3%	33.3% #A9EEFF	RGB 169 238 255	#A9EEFF
50.0%	50.0% #ACFFFB	RGB 172 255 251	#ACFFFB
66.7%	66.7% #B0FFE9	RGB 176 255 233	#B0FFE9
83.3%	83.3% #B3FFD8	RGB 179 255 216	#B3FFD8
100.0%	100.0% #B7FFCA	RGB 183 255 202	#B7FFCA

#A2C2FF #A5D9FF #A9EEFF #ACFFFB #B0FFE9 #B3FFD8 #B7FFCA

#A2C2FF - #ACFFFB - #B7FFCA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2C2FF 0%, #ACFFFB 50%, #B7FFCA 100%);
    background: -webkit-linear-gradient(top, #A2C2FF 0%, #ACFFFB 50%, #B7FFCA 100%);
    background: linear-gradient(to bottom, #A2C2FF 0%, #ACFFFB 50%, #B7FFCA 100%);
}
</style>