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

#AF547B #E8CED8

Calculate the color between two colors, #AF547B 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)

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

0.0%	0.0% #AF547B	RGB 175 84 123	#AF547B
16.7%	16.7% #B8688A	RGB 184 104 138	#B8688A
33.3%	33.3% #C27C9A	RGB 194 124 154	#C27C9A
50.0%	50.0% #CB91A9	RGB 203 145 169	#CB91A9
66.7%	66.7% #D5A5B9	RGB 213 165 185	#D5A5B9
83.3%	83.3% #DEB9C8	RGB 222 185 200	#DEB9C8
100.0%	100.0% #E8CED8	RGB 232 206 216	#E8CED8

#AF547B #B8688A #C27C9A #CB91A9 #D5A5B9 #DEB9C8 #E8CED8

#AF547B - #E8CED8

HSV Blend

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

0.0%	0.0% #AF547B	RGB 175 84 123	#AF547B
16.7%	16.7% #B86588	RGB 184 101 136	#B86588
33.3%	33.3% #C27796	RGB 194 119 150	#C27796
50.0%	50.0% #CB8BA5	RGB 203 139 165	#CB8BA5
66.7%	66.7% #D5A0B5	RGB 213 160 181	#D5A0B5
83.3%	83.3% #DEB6C6	RGB 222 182 198	#DEB6C6
100.0%	100.0% #E8CED8	RGB 232 206 216	#E8CED8

#AF547B #B86588 #C27796 #CB8BA5 #D5A0B5 #DEB6C6 #E8CED8

#AF547B - #CB8BA5 - #E8CED8

CSS codes

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

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