#AF8CA9 - #E8DEE6 | 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 #AF8CA9 to #E8DEE6

#AF8CA9 #E8DEE6

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

#AF8CA9 - #E8DEE6 | 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 #AF8CA9 as 0% and #E8DEE6 as 100%.

0.0%	0.0% #AF8CA9	RGB 175 140 169	#AF8CA9
16.7%	16.7% #B899B3	RGB 184 153 179	#B899B3
33.3%	33.3% #C2A7BD	RGB 194 167 189	#C2A7BD
50.0%	50.0% #CBB5C7	RGB 203 181 199	#CBB5C7
66.7%	66.7% #D5C2D1	RGB 213 194 209	#D5C2D1
83.3%	83.3% #DED0DB	RGB 222 208 219	#DED0DB
100.0%	100.0% #E8DEE6	RGB 232 222 230	#E8DEE6

#AF8CA9 #B899B3 #C2A7BD #CBB5C7 #D5C2D1 #DED0DB #E8DEE6

#AF8CA9 - #E8DEE6

HSV Blend

#AF8CA9 - #E8DEE6 | 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 #AF8CA9 as 0% and #E8DEE6 as 100%.

0.0%	0.0% #AF8CA9	RGB 175 140 169	#AF8CA9
16.7%	16.7% #B898B2	RGB 184 152 178	#B898B2
33.3%	33.3% #C2A5BC	RGB 194 165 188	#C2A5BC
50.0%	50.0% #CBB2C6	RGB 203 178 198	#CBB2C6
66.7%	66.7% #D5C0D1	RGB 213 192 209	#D5C0D1
83.3%	83.3% #DECFDB	RGB 222 207 219	#DECFDB
100.0%	100.0% #E8DEE6	RGB 232 222 230	#E8DEE6

#AF8CA9 #B898B2 #C2A5BC #CBB2C6 #D5C0D1 #DECFDB #E8DEE6

#AF8CA9 - #CBB2C6 - #E8DEE6

CSS codes

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

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