#AF5E69 - #E8D1D4 | 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 #AF5E69 to #E8D1D4

#AF5E69 #E8D1D4

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

#AF5E69 - #E8D1D4 | 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 #AF5E69 as 0% and #E8D1D4 as 100%.

0.0%	0.0% #AF5E69	RGB 175 94 105	#AF5E69
16.7%	16.7% #B8717A	RGB 184 113 122	#B8717A
33.3%	33.3% #C2848C	RGB 194 132 140	#C2848C
50.0%	50.0% #CB979E	RGB 203 151 158	#CB979E
66.7%	66.7% #D5AAB0	RGB 213 170 176	#D5AAB0
83.3%	83.3% #DEBDC2	RGB 222 189 194	#DEBDC2
100.0%	100.0% #E8D1D4	RGB 232 209 212	#E8D1D4

#AF5E69 #B8717A #C2848C #CB979E #D5AAB0 #DEBDC2 #E8D1D4

#AF5E69 - #E8D1D4

HSV Blend

#AF5E69 - #E8D1D4 | 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 #AF5E69 as 0% and #E8D1D4 as 100%.

0.0%	0.0% #AF5E68	RGB 175 94 104	#AF5E68
16.7%	16.7% #B86E78	RGB 184 110 120	#B86E78
33.3%	33.3% #C27F88	RGB 194 127 136	#C27F88
50.0%	50.0% #CB9299	RGB 203 146 153	#CB9299
66.7%	66.7% #D5A6AC	RGB 213 166 172	#D5A6AC
83.3%	83.3% #DEBABF	RGB 222 186 191	#DEBABF
100.0%	100.0% #E8D1D4	RGB 232 209 212	#E8D1D4

#AF5E68 #B86E78 #C27F88 #CB9299 #D5A6AC #DEBABF #E8D1D4

#AF5E69 - #CB9299 - #E8D1D4

CSS codes

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

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