#C10C0C - #EDB9B9 | 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 #C10C0C to #EDB9B9

#C10C0C #EDB9B9

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

#C10C0C - #EDB9B9 | 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 #C10C0C as 0% and #EDB9B9 as 100%.

0.0%	0.0% #C10C0C	RGB 193 12 12	#C10C0C
16.7%	16.7% #C82828	RGB 200 40 40	#C82828
33.3%	33.3% #CF4545	RGB 207 69 69	#CF4545
50.0%	50.0% #D76262	RGB 215 98 98	#D76262
66.7%	66.7% #DE7F7F	RGB 222 127 127	#DE7F7F
83.3%	83.3% #E59C9C	RGB 229 156 156	#E59C9C
100.0%	100.0% #EDB9B9	RGB 237 185 185	#EDB9B9

#C10C0C #C82828 #CF4545 #D76262 #DE7F7F #E59C9C #EDB9B9

#C10C0C - #EDB9B9

HSV Blend

#C10C0C - #EDB9B9 | 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 #C10C0C as 0% and #EDB9B9 as 100%.

0.0%	0.0% #C10C0C	RGB 193 12 12	#C10C0C
16.7%	16.7% #C82424	RGB 200 36 36	#C82424
33.3%	33.3% #CF3E3E	RGB 207 62 62	#CF3E3E
50.0%	50.0% #D75A5A	RGB 215 90 90	#D75A5A
66.7%	66.7% #DE7878	RGB 222 120 120	#DE7878
83.3%	83.3% #E59797	RGB 229 151 151	#E59797
100.0%	100.0% #EDB9B9	RGB 237 185 185	#EDB9B9

#C10C0C #C82424 #CF3E3E #D75A5A #DE7878 #E59797 #EDB9B9

#C10C0C - #D75A5A - #EDB9B9

CSS codes

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

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