#AF5477 - #E8CED8 | 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 #AF5477 to #E8CED8

#AF5477 #E8CED8

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

#AF5477 - #E8CED8 | 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 #AF5477 as 0% and #E8CED8 as 100%.

0.0%	0.0% #AF5477	RGB 175 84 119	#AF5477
16.7%	16.7% #B86887	RGB 184 104 135	#B86887
33.3%	33.3% #C27C97	RGB 194 124 151	#C27C97
50.0%	50.0% #CB91A7	RGB 203 145 167	#CB91A7
66.7%	66.7% #D5A5B7	RGB 213 165 183	#D5A5B7
83.3%	83.3% #DEB9C7	RGB 222 185 199	#DEB9C7
100.0%	100.0% #E8CED8	RGB 232 206 216	#E8CED8

#AF5477 #B86887 #C27C97 #CB91A7 #D5A5B7 #DEB9C7 #E8CED8

#AF5477 - #E8CED8

HSV Blend

#AF5477 - #E8CED8 | 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 #AF5477 as 0% and #E8CED8 as 100%.

0.0%	0.0% #AF5477	RGB 175 84 119	#AF5477
16.7%	16.7% #B86585	RGB 184 101 133	#B86585
33.3%	33.3% #C27794	RGB 194 119 148	#C27794
50.0%	50.0% #CB8BA3	RGB 203 139 163	#CB8BA3
66.7%	66.7% #D5A0B4	RGB 213 160 180	#D5A0B4
83.3%	83.3% #DEB6C5	RGB 222 182 197	#DEB6C5
100.0%	100.0% #E8CED8	RGB 232 206 216	#E8CED8

#AF5477 #B86585 #C27794 #CB8BA3 #D5A0B4 #DEB6C5 #E8CED8

#AF5477 - #CB8BA3 - #E8CED8

CSS codes

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

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