#C1878A - #EDDCDC | 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 #C1878A to #EDDCDC

#C1878A #EDDCDC

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

#C1878A - #EDDCDC | 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 #C1878A as 0% and #EDDCDC as 100%.

0.0%	0.0% #C1878A	RGB 193 135 138	#C1878A
16.7%	16.7% #C89597	RGB 200 149 151	#C89597
33.3%	33.3% #CFA3A5	RGB 207 163 165	#CFA3A5
50.0%	50.0% #D7B1B3	RGB 215 177 179	#D7B1B3
66.7%	66.7% #DEBFC0	RGB 222 191 192	#DEBFC0
83.3%	83.3% #E5CDCE	RGB 229 205 206	#E5CDCE
100.0%	100.0% #EDDCDC	RGB 237 220 220	#EDDCDC

#C1878A #C89597 #CFA3A5 #D7B1B3 #DEBFC0 #E5CDCE #EDDCDC

#C1878A - #EDDCDC

HSV Blend

#C1878A - #EDDCDC | 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 #C1878A as 0% and #EDDCDC as 100%.

0.0%	0.0% #C1878A	RGB 193 135 138	#C1878A
16.7%	16.7% #C89396	RGB 200 147 150	#C89396
33.3%	33.3% #CFA1A2	RGB 207 161 162	#CFA1A2
50.0%	50.0% #D7AEB0	RGB 215 174 176	#D7AEB0
66.7%	66.7% #DEBDBD	RGB 222 189 189	#DEBDBD
83.3%	83.3% #E5CCCC	RGB 229 204 204	#E5CCCC
100.0%	100.0% #EDDCDC	RGB 237 220 220	#EDDCDC

#C1878A #C89396 #CFA1A2 #D7AEB0 #DEBDBD #E5CCCC #EDDCDC

#C1878A - #D7AEB0 - #EDDCDC

CSS codes

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

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