#C10101 - #EDB6B6 | 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 #C10101 to #EDB6B6

#C10101 #EDB6B6

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

#C10101 - #EDB6B6 | 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 #C10101 as 0% and #EDB6B6 as 100%.

0.0%	0.0% #C10101	RGB 193 1 1	#C10101
16.7%	16.7% #C81F1F	RGB 200 31 31	#C81F1F
33.3%	33.3% #CF3D3D	RGB 207 61 61	#CF3D3D
50.0%	50.0% #D75B5B	RGB 215 91 91	#D75B5B
66.7%	66.7% #DE7979	RGB 222 121 121	#DE7979
83.3%	83.3% #E59797	RGB 229 151 151	#E59797
100.0%	100.0% #EDB6B6	RGB 237 182 182	#EDB6B6

#C10101 #C81F1F #CF3D3D #D75B5B #DE7979 #E59797 #EDB6B6

#C10101 - #EDB6B6

HSV Blend

#C10101 - #EDB6B6 | 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 #C10101 as 0% and #EDB6B6 as 100%.

0.0%	0.0% #C10101	RGB 193 1 1	#C10101
16.7%	16.7% #C81A1A	RGB 200 26 26	#C81A1A
33.3%	33.3% #CF3535	RGB 207 53 53	#CF3535
50.0%	50.0% #D75353	RGB 215 83 83	#D75353
66.7%	66.7% #DE7272	RGB 222 114 114	#DE7272
83.3%	83.3% #E59393	RGB 229 147 147	#E59393
100.0%	100.0% #EDB6B6	RGB 237 182 182	#EDB6B6

#C10101 #C81A1A #CF3535 #D75353 #DE7272 #E59393 #EDB6B6

#C10101 - #D75353 - #EDB6B6

CSS codes

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

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