#A6D2FF - #B2FFCA | 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 #A6D2FF to #B2FFCA

#A6D2FF #B2FFCA

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

#A6D2FF - #B2FFCA | 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 #A6D2FF as 0% and #B2FFCA as 100%.

0.0%	0.0% #A6D2FF	RGB 166 210 255	#A6D2FF
16.7%	16.7% #A8D9F6	RGB 168 217 246	#A8D9F6
33.3%	33.3% #AAE1ED	RGB 170 225 237	#AAE1ED
50.0%	50.0% #ACE8E4	RGB 172 232 228	#ACE8E4
66.7%	66.7% #AEF0DB	RGB 174 240 219	#AEF0DB
83.3%	83.3% #B0F7D2	RGB 176 247 210	#B0F7D2
100.0%	100.0% #B2FFCA	RGB 178 255 202	#B2FFCA

#A6D2FF #A8D9F6 #AAE1ED #ACE8E4 #AEF0DB #B0F7D2 #B2FFCA

#A6D2FF - #B2FFCA

HSV Blend

#A6D2FF - #B2FFCA | 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 #A6D2FF as 0% and #B2FFCA as 100%.

0.0%	0.0% #A6D2FF	RGB 166 210 255	#A6D2FF
16.7%	16.7% #A8E4FF	RGB 168 228 255	#A8E4FF
33.3%	33.3% #AAF5FF	RGB 170 245 255	#AAF5FF
50.0%	50.0% #ACFFF7	RGB 172 255 247	#ACFFF7
66.7%	66.7% #AEFFE7	RGB 174 255 231	#AEFFE7
83.3%	83.3% #B0FFD8	RGB 176 255 216	#B0FFD8
100.0%	100.0% #B2FFCA	RGB 178 255 202	#B2FFCA

#A6D2FF #A8E4FF #AAF5FF #ACFFF7 #AEFFE7 #B0FFD8 #B2FFCA

#A6D2FF - #ACFFF7 - #B2FFCA

CSS codes

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

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