#C1877D - #EDDDD9 | 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 #C1877D to #EDDDD9

#C1877D #EDDDD9

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

#C1877D - #EDDDD9 | 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 #C1877D as 0% and #EDDDD9 as 100%.

0.0%	0.0% #C1877D	RGB 193 135 125	#C1877D
16.7%	16.7% #C8958C	RGB 200 149 140	#C8958C
33.3%	33.3% #CFA39B	RGB 207 163 155	#CFA39B
50.0%	50.0% #D7B2AB	RGB 215 178 171	#D7B2AB
66.7%	66.7% #DEC0BA	RGB 222 192 186	#DEC0BA
83.3%	83.3% #E5CEC9	RGB 229 206 201	#E5CEC9
100.0%	100.0% #EDDDD9	RGB 237 221 217	#EDDDD9

#C1877D #C8958C #CFA39B #D7B2AB #DEC0BA #E5CEC9 #EDDDD9

#C1877D - #EDDDD9

HSV Blend

#C1877D - #EDDDD9 | 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 #C1877D as 0% and #EDDDD9 as 100%.

0.0%	0.0% #C1877D	RGB 193 135 125	#C1877D
16.7%	16.7% #C8948A	RGB 200 148 138	#C8948A
33.3%	33.3% #CFA299	RGB 207 162 153	#CFA299
50.0%	50.0% #D7B0A8	RGB 215 176 168	#D7B0A8
66.7%	66.7% #DEBEB7	RGB 222 190 183	#DEBEB7
83.3%	83.3% #E5CDC8	RGB 229 205 200	#E5CDC8
100.0%	100.0% #EDDDD9	RGB 237 221 217	#EDDDD9

#C1877D #C8948A #CFA299 #D7B0A8 #DEBEB7 #E5CDC8 #EDDDD9

#C1877D - #D7B0A8 - #EDDDD9

CSS codes

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

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