#C82F00 - #EFC3B6 | 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 #C82F00 to #EFC3B6

#C82F00 #EFC3B6

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

#C82F00 - #EFC3B6 | 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 #C82F00 as 0% and #EFC3B6 as 100%.

0.0%	0.0% #C82F00	RGB 200 47 0	#C82F00
16.7%	16.7% #CE471E	RGB 206 71 30	#CE471E
33.3%	33.3% #D5603C	RGB 213 96 60	#D5603C
50.0%	50.0% #DB795B	RGB 219 121 91	#DB795B
66.7%	66.7% #E29179	RGB 226 145 121	#E29179
83.3%	83.3% #E8AA97	RGB 232 170 151	#E8AA97
100.0%	100.0% #EFC3B6	RGB 239 195 182	#EFC3B6

#C82F00 #CE471E #D5603C #DB795B #E29179 #E8AA97 #EFC3B6

#C82F00 - #EFC3B6

HSV Blend

#C82F00 - #EFC3B6 | 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 #C82F00 as 0% and #EFC3B6 as 100%.

0.0%	0.0% #C82F00	RGB 200 47 0	#C82F00
16.7%	16.7% #CE441A	RGB 206 68 26	#CE441A
33.3%	33.3% #D55B36	RGB 213 91 54	#D55B36
50.0%	50.0% #DB7353	RGB 219 115 83	#DB7353
66.7%	66.7% #E28C72	RGB 226 140 114	#E28C72
83.3%	83.3% #E8A793	RGB 232 167 147	#E8A793
100.0%	100.0% #EFC3B6	RGB 239 195 182	#EFC3B6

#C82F00 #CE441A #D55B36 #DB7353 #E28C72 #E8A793 #EFC3B6

#C82F00 - #DB7353 - #EFC3B6

CSS codes

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

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