#E8DEEA - #A68DAE | 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 #E8DEEA to #A68DAE

#E8DEEA #A68DAE

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

#E8DEEA - #A68DAE | 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 #E8DEEA as 0% and #A68DAE as 100%.

0.0%	0.0% #E8DEEA	RGB 232 222 234	#E8DEEA
16.7%	16.7% #DDD0E0	RGB 221 208 224	#DDD0E0
33.3%	33.3% #D2C3D6	RGB 210 195 214	#D2C3D6
50.0%	50.0% #C7B5CC	RGB 199 181 204	#C7B5CC
66.7%	66.7% #BCA8C2	RGB 188 168 194	#BCA8C2
83.3%	83.3% #B19AB8	RGB 177 154 184	#B19AB8
100.0%	100.0% #A68DAE	RGB 166 141 174	#A68DAE

#E8DEEA #DDD0E0 #D2C3D6 #C7B5CC #BCA8C2 #B19AB8 #A68DAE

#E8DEEA - #A68DAE

HSV Blend

#E8DEEA - #A68DAE | 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 #E8DEEA as 0% and #A68DAE as 100%.

0.0%	0.0% #E8DEEA	RGB 232 222 234	#E8DEEA
16.7%	16.7% #DDCFE0	RGB 221 207 224	#DDCFE0
33.3%	33.3% #D1C1D6	RGB 209 193 214	#D1C1D6
50.0%	50.0% #C6B3CC	RGB 198 179 204	#C6B3CC
66.7%	66.7% #BBA6C2	RGB 187 166 194	#BBA6C2
83.3%	83.3% #B099B8	RGB 176 153 184	#B099B8
100.0%	100.0% #A68DAE	RGB 166 141 174	#A68DAE

#E8DEEA #DDCFE0 #D1C1D6 #C6B3CC #BBA6C2 #B099B8 #A68DAE

#E8DEEA - #C6B3CC - #A68DAE

CSS codes

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

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