#AF8DA7 - #E8DEE5 | 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 #AF8DA7 to #E8DEE5

#AF8DA7 #E8DEE5

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

#AF8DA7 - #E8DEE5 | 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 #AF8DA7 as 0% and #E8DEE5 as 100%.

0.0%	0.0% #AF8DA7	RGB 175 141 167	#AF8DA7
16.7%	16.7% #B89AB1	RGB 184 154 177	#B89AB1
33.3%	33.3% #C2A8BB	RGB 194 168 187	#C2A8BB
50.0%	50.0% #CBB5C6	RGB 203 181 198	#CBB5C6
66.7%	66.7% #D5C3D0	RGB 213 195 208	#D5C3D0
83.3%	83.3% #DED0DA	RGB 222 208 218	#DED0DA
100.0%	100.0% #E8DEE5	RGB 232 222 229	#E8DEE5

#AF8DA7 #B89AB1 #C2A8BB #CBB5C6 #D5C3D0 #DED0DA #E8DEE5

#AF8DA7 - #E8DEE5

HSV Blend

#AF8DA7 - #E8DEE5 | 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 #AF8DA7 as 0% and #E8DEE5 as 100%.

0.0%	0.0% #AF8DA7	RGB 175 141 167	#AF8DA7
16.7%	16.7% #B899B0	RGB 184 153 176	#B899B0
33.3%	33.3% #C2A6BA	RGB 194 166 186	#C2A6BA
50.0%	50.0% #CBB3C5	RGB 203 179 197	#CBB3C5
66.7%	66.7% #D5C1CF	RGB 213 193 207	#D5C1CF
83.3%	83.3% #DECFDA	RGB 222 207 218	#DECFDA
100.0%	100.0% #E8DEE5	RGB 232 222 229	#E8DEE5

#AF8DA7 #B899B0 #C2A6BA #CBB3C5 #D5C1CF #DECFDA #E8DEE5

#AF8DA7 - #CBB3C5 - #E8DEE5

CSS codes

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

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