#E6E2FF - #A38ACE | 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 #E6E2FF to #A38ACE

#E6E2FF #A38ACE

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

#E6E2FF - #A38ACE | 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 #E6E2FF as 0% and #A38ACE as 100%.

0.0%	0.0% #E6E2FF	RGB 230 226 255	#E6E2FF
16.7%	16.7% #DAD3F6	RGB 218 211 246	#DAD3F6
33.3%	33.3% #CFC4EE	RGB 207 196 238	#CFC4EE
50.0%	50.0% #C4B6E6	RGB 196 182 230	#C4B6E6
66.7%	66.7% #B9A7DE	RGB 185 167 222	#B9A7DE
83.3%	83.3% #AE98D6	RGB 174 152 214	#AE98D6
100.0%	100.0% #A38ACE	RGB 163 138 206	#A38ACE

#E6E2FF #DAD3F6 #CFC4EE #C4B6E6 #B9A7DE #AE98D6 #A38ACE

#E6E2FF - #A38ACE

HSV Blend

#E6E2FF - #A38ACE | 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 #E6E2FF as 0% and #A38ACE as 100%.

0.0%	0.0% #E6E2FF	RGB 230 226 255	#E6E2FF
16.7%	16.7% #D8D1F6	RGB 216 209 246	#D8D1F6
33.3%	33.3% #CBC2EE	RGB 203 194 238	#CBC2EE
50.0%	50.0% #C0B3E6	RGB 192 179 230	#C0B3E6
66.7%	66.7% #B5A4DE	RGB 181 164 222	#B5A4DE
83.3%	83.3% #AB97D6	RGB 171 151 214	#AB97D6
100.0%	100.0% #A38ACE	RGB 163 138 206	#A38ACE

#E6E2FF #D8D1F6 #CBC2EE #C0B3E6 #B5A4DE #AB97D6 #A38ACE

#E6E2FF - #C0B3E6 - #A38ACE

CSS codes

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

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