#A2DBC8 - #C2FDFF | 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 #A2DBC8 to #C2FDFF

#A2DBC8 #C2FDFF

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

#A2DBC8 - #C2FDFF | 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 #A2DBC8 as 0% and #C2FDFF as 100%.

0.0%	0.0% #A2DBC8	RGB 162 219 200	#A2DBC8
16.7%	16.7% #A7E0D1	RGB 167 224 209	#A7E0D1
33.3%	33.3% #ACE6DA	RGB 172 230 218	#ACE6DA
50.0%	50.0% #B2ECE3	RGB 178 236 227	#B2ECE3
66.7%	66.7% #B7F1EC	RGB 183 241 236	#B7F1EC
83.3%	83.3% #BCF7F5	RGB 188 247 245	#BCF7F5
100.0%	100.0% #C2FDFF	RGB 194 253 255	#C2FDFF

#A2DBC8 #A7E0D1 #ACE6DA #B2ECE3 #B7F1EC #BCF7F5 #C2FDFF

#A2DBC8 - #C2FDFF

HSV Blend

#A2DBC8 - #C2FDFF | 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 #A2DBC8 as 0% and #C2FDFF as 100%.

0.0%	0.0% #A2DBC8	RGB 162 219 200	#A2DBC8
16.7%	16.7% #A7E1D1	RGB 167 225 209	#A7E1D1
33.3%	33.3% #ACE7DA	RGB 172 231 218	#ACE7DA
50.0%	50.0% #B1EDE4	RGB 177 237 228	#B1EDE4
66.7%	66.7% #B7F3ED	RGB 183 243 237	#B7F3ED
83.3%	83.3% #BCF9F7	RGB 188 249 247	#BCF9F7
100.0%	100.0% #C2FDFF	RGB 194 253 255	#C2FDFF

#A2DBC8 #A7E1D1 #ACE7DA #B1EDE4 #B7F3ED #BCF9F7 #C2FDFF

#A2DBC8 - #B1EDE4 - #C2FDFF

CSS codes

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

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