#A2D6B0 - #DED2FF | 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 #A2D6B0 to #DED2FF

#A2D6B0 #DED2FF

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

#A2D6B0 - #DED2FF | 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 #A2D6B0 as 0% and #DED2FF as 100%.

0.0%	0.0% #A2D6B0	RGB 162 214 176	#A2D6B0
16.7%	16.7% #ACD5BD	RGB 172 213 189	#ACD5BD
33.3%	33.3% #B6D4CA	RGB 182 212 202	#B6D4CA
50.0%	50.0% #C0D4D7	RGB 192 212 215	#C0D4D7
66.7%	66.7% #CAD3E4	RGB 202 211 228	#CAD3E4
83.3%	83.3% #D4D2F1	RGB 212 210 241	#D4D2F1
100.0%	100.0% #DED2FF	RGB 222 210 255	#DED2FF

#A2D6B0 #ACD5BD #B6D4CA #C0D4D7 #CAD3E4 #D4D2F1 #DED2FF

#A2D6B0 - #DED2FF

HSV Blend

#A2D6B0 - #DED2FF | 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 #A2D6B0 as 0% and #DED2FF as 100%.

0.0%	0.0% #A2D6B0	RGB 162 214 176	#A2D6B0
16.7%	16.7% #A9DCC8	RGB 169 220 200	#A9DCC8
33.3%	33.3% #B1E3E0	RGB 177 227 224	#B1E3E0
50.0%	50.0% #B9DDEA	RGB 185 221 234	#B9DDEA
66.7%	66.7% #C1D4F1	RGB 193 212 241	#C1D4F1
83.3%	83.3% #C9CCF8	RGB 201 204 248	#C9CCF8
100.0%	100.0% #DED2FF	RGB 222 210 255	#DED2FF

#A2D6B0 #A9DCC8 #B1E3E0 #B9DDEA #C1D4F1 #C9CCF8 #DED2FF

#A2D6B0 - #B9DDEA - #DED2FF

CSS codes

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

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