#EED5CF - #DC8F7D | 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 #EED5CF to #DC8F7D

#EED5CF #DC8F7D

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

#EED5CF - #DC8F7D | 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 #EED5CF as 0% and #DC8F7D as 100%.

0.0%	0.0% #EED5CF	RGB 238 213 207	#EED5CF
16.7%	16.7% #EBC9C1	RGB 235 201 193	#EBC9C1
33.3%	33.3% #E8BDB3	RGB 232 189 179	#E8BDB3
50.0%	50.0% #E5B2A6	RGB 229 178 166	#E5B2A6
66.7%	66.7% #E2A698	RGB 226 166 152	#E2A698
83.3%	83.3% #DF9A8A	RGB 223 154 138	#DF9A8A
100.0%	100.0% #DC8F7D	RGB 220 143 125	#DC8F7D

#EED5CF #EBC9C1 #E8BDB3 #E5B2A6 #E2A698 #DF9A8A #DC8F7D

#EED5CF - #DC8F7D

HSV Blend

#EED5CF - #DC8F7D | 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 #EED5CF as 0% and #DC8F7D as 100%.

0.0%	0.0% #EED5CF	RGB 238 213 207	#EED5CF
16.7%	16.7% #EBC8C0	RGB 235 200 192	#EBC8C0
33.3%	33.3% #E8BCB2	RGB 232 188 178	#E8BCB2
50.0%	50.0% #E5B0A4	RGB 229 176 164	#E5B0A4
66.7%	66.7% #E2A597	RGB 226 165 151	#E2A597
83.3%	83.3% #DF9A89	RGB 223 154 137	#DF9A89
100.0%	100.0% #DC8F7D	RGB 220 143 125	#DC8F7D

#EED5CF #EBC8C0 #E8BCB2 #E5B0A4 #E2A597 #DF9A89 #DC8F7D

#EED5CF - #E5B0A4 - #DC8F7D

CSS codes

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

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