#C2487B - #EDCAD9 | 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 #C2487B to #EDCAD9

#C2487B #EDCAD9

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

#C2487B - #EDCAD9 | 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 #C2487B as 0% and #EDCAD9 as 100%.

0.0%	0.0% #C2487B	RGB 194 72 123	#C2487B
16.7%	16.7% #C95D8A	RGB 201 93 138	#C95D8A
33.3%	33.3% #D0739A	RGB 208 115 154	#D0739A
50.0%	50.0% #D789AA	RGB 215 137 170	#D789AA
66.7%	66.7% #DE9EB9	RGB 222 158 185	#DE9EB9
83.3%	83.3% #E5B4C9	RGB 229 180 201	#E5B4C9
100.0%	100.0% #EDCAD9	RGB 237 202 217	#EDCAD9

#C2487B #C95D8A #D0739A #D789AA #DE9EB9 #E5B4C9 #EDCAD9

#C2487B - #EDCAD9

HSV Blend

#C2487B - #EDCAD9 | 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 #C2487B as 0% and #EDCAD9 as 100%.

0.0%	0.0% #C2487A	RGB 194 72 122	#C2487A
16.7%	16.7% #C95A89	RGB 201 90 137	#C95A89
33.3%	33.3% #D06E97	RGB 208 110 151	#D06E97
50.0%	50.0% #D783A7	RGB 215 131 167	#D783A7
66.7%	66.7% #DE9AB7	RGB 222 154 183	#DE9AB7
83.3%	83.3% #E5B1C7	RGB 229 177 199	#E5B1C7
100.0%	100.0% #EDCAD9	RGB 237 202 217	#EDCAD9

#C2487A #C95A89 #D06E97 #D783A7 #DE9AB7 #E5B1C7 #EDCAD9

#C2487B - #D783A7 - #EDCAD9

CSS codes

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

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