#E2D2DB - #A381A2 | 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 #E2D2DB to #A381A2

#E2D2DB #A381A2

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

#E2D2DB - #A381A2 | 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 #E2D2DB as 0% and #A381A2 as 100%.

0.0%	0.0% #E2D2DB	RGB 226 210 219	#E2D2DB
16.7%	16.7% #D7C4D1	RGB 215 196 209	#D7C4D1
33.3%	33.3% #CDB7C8	RGB 205 183 200	#CDB7C8
50.0%	50.0% #C2A9BE	RGB 194 169 190	#C2A9BE
66.7%	66.7% #B89CB5	RGB 184 156 181	#B89CB5
83.3%	83.3% #AD8EAB	RGB 173 142 171	#AD8EAB
100.0%	100.0% #A381A2	RGB 163 129 162	#A381A2

#E2D2DB #D7C4D1 #CDB7C8 #C2A9BE #B89CB5 #AD8EAB #A381A2

#E2D2DB - #A381A2

HSV Blend

#E2D2DB - #A381A2 | 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 #E2D2DB as 0% and #A381A2 as 100%.

0.0%	0.0% #E2D2DB	RGB 226 210 219	#E2D2DB
16.7%	16.7% #D7C3D0	RGB 215 195 208	#D7C3D0
33.3%	33.3% #CDB5C5	RGB 205 181 197	#CDB5C5
50.0%	50.0% #C2A7BC	RGB 194 167 188	#C2A7BC
66.7%	66.7% #B89AB3	RGB 184 154 179	#B89AB3
83.3%	83.3% #AD8DAA	RGB 173 141 170	#AD8DAA
100.0%	100.0% #A381A2	RGB 163 129 162	#A381A2

#E2D2DB #D7C3D0 #CDB5C5 #C2A7BC #B89AB3 #AD8DAA #A381A2

#E2D2DB - #C2A7BC - #A381A2

CSS codes

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

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