#C15C7B - #EDD0D9 | 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 #C15C7B to #EDD0D9

#C15C7B #EDD0D9

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

#C15C7B - #EDD0D9 | 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 #C15C7B as 0% and #EDD0D9 as 100%.

0.0%	0.0% #C15C7B	RGB 193 92 123	#C15C7B
16.7%	16.7% #C86F8A	RGB 200 111 138	#C86F8A
33.3%	33.3% #CF829A	RGB 207 130 154	#CF829A
50.0%	50.0% #D796AA	RGB 215 150 170	#D796AA
66.7%	66.7% #DEA9B9	RGB 222 169 185	#DEA9B9
83.3%	83.3% #E5BCC9	RGB 229 188 201	#E5BCC9
100.0%	100.0% #EDD0D9	RGB 237 208 217	#EDD0D9

#C15C7B #C86F8A #CF829A #D796AA #DEA9B9 #E5BCC9 #EDD0D9

#C15C7B - #EDD0D9

HSV Blend

#C15C7B - #EDD0D9 | 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 #C15C7B as 0% and #EDD0D9 as 100%.

0.0%	0.0% #C15C7A	RGB 193 92 122	#C15C7A
16.7%	16.7% #C86C89	RGB 200 108 137	#C86C89
33.3%	33.3% #CF7E97	RGB 207 126 151	#CF7E97
50.0%	50.0% #D791A7	RGB 215 145 167	#D791A7
66.7%	66.7% #DEA5B7	RGB 222 165 183	#DEA5B7
83.3%	83.3% #E5BAC7	RGB 229 186 199	#E5BAC7
100.0%	100.0% #EDD0D9	RGB 237 208 217	#EDD0D9

#C15C7A #C86C89 #CF7E97 #D791A7 #DEA5B7 #E5BAC7 #EDD0D9

#C15C7B - #D791A7 - #EDD0D9

CSS codes

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

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