#E6DEE3 - #AE8CA2 | 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 #E6DEE3 to #AE8CA2

#E6DEE3 #AE8CA2

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

#E6DEE3 - #AE8CA2 | 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 #E6DEE3 as 0% and #AE8CA2 as 100%.

0.0%	0.0% #E6DEE3	RGB 230 222 227	#E6DEE3
16.7%	16.7% #DCD0D8	RGB 220 208 216	#DCD0D8
33.3%	33.3% #D3C2CD	RGB 211 194 205	#D3C2CD
50.0%	50.0% #CAB5C2	RGB 202 181 194	#CAB5C2
66.7%	66.7% #C0A7B7	RGB 192 167 183	#C0A7B7
83.3%	83.3% #B799AC	RGB 183 153 172	#B799AC
100.0%	100.0% #AE8CA2	RGB 174 140 162	#AE8CA2

#E6DEE3 #DCD0D8 #D3C2CD #CAB5C2 #C0A7B7 #B799AC #AE8CA2

#E6DEE3 - #AE8CA2

HSV Blend

#E6DEE3 - #AE8CA2 | 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 #E6DEE3 as 0% and #AE8CA2 as 100%.

0.0%	0.0% #E6DEE3	RGB 230 222 227	#E6DEE3
16.7%	16.7% #DCCFD7	RGB 220 207 215	#DCCFD7
33.3%	33.3% #D3C0CC	RGB 211 192 204	#D3C0CC
50.0%	50.0% #CAB2C1	RGB 202 178 193	#CAB2C1
66.7%	66.7% #C0A5B6	RGB 192 165 182	#C0A5B6
83.3%	83.3% #B798AC	RGB 183 152 172	#B798AC
100.0%	100.0% #AE8CA2	RGB 174 140 162	#AE8CA2

#E6DEE3 #DCCFD7 #D3C0CC #CAB2C1 #C0A5B6 #B798AC #AE8CA2

#E6DEE3 - #CAB2C1 - #AE8CA2

CSS codes

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

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