#AF496B - #E8CBD4 | 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 #AF496B to #E8CBD4

#AF496B #E8CBD4

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

#AF496B - #E8CBD4 | 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 #AF496B as 0% and #E8CBD4 as 100%.

0.0%	0.0% #AF496B	RGB 175 73 107	#AF496B
16.7%	16.7% #B85E7C	RGB 184 94 124	#B85E7C
33.3%	33.3% #C2748E	RGB 194 116 142	#C2748E
50.0%	50.0% #CB8A9F	RGB 203 138 159	#CB8A9F
66.7%	66.7% #D59FB1	RGB 213 159 177	#D59FB1
83.3%	83.3% #DEB5C2	RGB 222 181 194	#DEB5C2
100.0%	100.0% #E8CBD4	RGB 232 203 212	#E8CBD4

#AF496B #B85E7C #C2748E #CB8A9F #D59FB1 #DEB5C2 #E8CBD4

#AF496B - #E8CBD4

HSV Blend

#AF496B - #E8CBD4 | 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 #AF496B as 0% and #E8CBD4 as 100%.

0.0%	0.0% #AF496B	RGB 175 73 107	#AF496B
16.7%	16.7% #B85B79	RGB 184 91 121	#B85B79
33.3%	33.3% #C26E89	RGB 194 110 137	#C26E89
50.0%	50.0% #CB839A	RGB 203 131 154	#CB839A
66.7%	66.7% #D599AC	RGB 213 153 172	#D599AC
83.3%	83.3% #DEB1BF	RGB 222 177 191	#DEB1BF
100.0%	100.0% #E8CBD4	RGB 232 203 212	#E8CBD4

#AF496B #B85B79 #C26E89 #CB839A #D599AC #DEB1BF #E8CBD4

#AF496B - #CB839A - #E8CBD4

CSS codes

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

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