#C15B5B - #EDD0D0 | 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 #C15B5B to #EDD0D0

#C15B5B #EDD0D0

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

#C15B5B - #EDD0D0 | 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 #C15B5B as 0% and #EDD0D0 as 100%.

0.0%	0.0% #C15B5B	RGB 193 91 91	#C15B5B
16.7%	16.7% #C86E6E	RGB 200 110 110	#C86E6E
33.3%	33.3% #CF8282	RGB 207 130 130	#CF8282
50.0%	50.0% #D79595	RGB 215 149 149	#D79595
66.7%	66.7% #DEA9A9	RGB 222 169 169	#DEA9A9
83.3%	83.3% #E5BCBC	RGB 229 188 188	#E5BCBC
100.0%	100.0% #EDD0D0	RGB 237 208 208	#EDD0D0

#C15B5B #C86E6E #CF8282 #D79595 #DEA9A9 #E5BCBC #EDD0D0

#C15B5B - #EDD0D0

HSV Blend

#C15B5B - #EDD0D0 | 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 #C15B5B as 0% and #EDD0D0 as 100%.

0.0%	0.0% #C15B5B	RGB 193 91 91	#C15B5B
16.7%	16.7% #C86C6C	RGB 200 108 108	#C86C6C
33.3%	33.3% #CF7E7E	RGB 207 126 126	#CF7E7E
50.0%	50.0% #D79191	RGB 215 145 145	#D79191
66.7%	66.7% #DEA5A5	RGB 222 165 165	#DEA5A5
83.3%	83.3% #E5BABA	RGB 229 186 186	#E5BABA
100.0%	100.0% #EDD0D0	RGB 237 208 208	#EDD0D0

#C15B5B #C86C6C #CF7E7E #D79191 #DEA5A5 #E5BABA #EDD0D0

#C15B5B - #D79191 - #EDD0D0

CSS codes

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

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