#A2BED2 - #E3DED6 | 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 #A2BED2 to #E3DED6

#A2BED2 #E3DED6

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

#A2BED2 - #E3DED6 | 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 #A2BED2 as 0% and #E3DED6 as 100%.

0.0%	0.0% #A2BED2	RGB 162 190 210	#A2BED2
16.7%	16.7% #ACC3D2	RGB 172 195 210	#ACC3D2
33.3%	33.3% #B7C8D3	RGB 183 200 211	#B7C8D3
50.0%	50.0% #C2CED4	RGB 194 206 212	#C2CED4
66.7%	66.7% #CDD3D4	RGB 205 211 212	#CDD3D4
83.3%	83.3% #D8D8D5	RGB 216 216 213	#D8D8D5
100.0%	100.0% #E3DED6	RGB 227 222 214	#E3DED6

#A2BED2 #ACC3D2 #B7C8D3 #C2CED4 #CDD3D4 #D8D8D5 #E3DED6

#A2BED2 - #E3DED6

HSV Blend

#A2BED2 - #E3DED6 | 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 #A2BED2 as 0% and #E3DED6 as 100%.

0.0%	0.0% #A2BED2	RGB 162 190 210	#A2BED2
16.7%	16.7% #AAD4D2	RGB 170 212 210	#AAD4D2
33.3%	33.3% #B2D7C4	RGB 178 215 196	#B2D7C4
50.0%	50.0% #BBDABB	RGB 187 218 187	#BBDABB
66.7%	66.7% #CFDDC4	RGB 207 221 196	#CFDDC4
83.3%	83.3% #DEE0CC	RGB 222 224 204	#DEE0CC
100.0%	100.0% #E3DED6	RGB 227 222 214	#E3DED6

#A2BED2 #AAD4D2 #B2D7C4 #BBDABB #CFDDC4 #DEE0CC #E3DED6

#A2BED2 - #BBDABB - #E3DED6

CSS codes

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

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