#CB4B2D - #FF973C | 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 #CB4B2D to #FF973C

#CB4B2D #FF973C

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

#CB4B2D - #FF973C | 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 #CB4B2D as 0% and #FF973C as 100%.

0.0%	0.0% #CB4B2D	RGB 203 75 45	#CB4B2D
16.7%	16.7% #D3572F	RGB 211 87 47	#D3572F
33.3%	33.3% #DC6432	RGB 220 100 50	#DC6432
50.0%	50.0% #E57134	RGB 229 113 52	#E57134
66.7%	66.7% #ED7D37	RGB 237 125 55	#ED7D37
83.3%	83.3% #F68A39	RGB 246 138 57	#F68A39
100.0%	100.0% #FF973C	RGB 255 151 60	#FF973C

#CB4B2D #D3572F #DC6432 #E57134 #ED7D37 #F68A39 #FF973C

#CB4B2D - #FF973C

HSV Blend

#CB4B2D - #FF973C | 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 #CB4B2D as 0% and #FF973C as 100%.

0.0%	0.0% #CB4B2D	RGB 203 75 45	#CB4B2D
16.7%	16.7% #D3562F	RGB 211 86 47	#D3562F
33.3%	33.3% #DC6131	RGB 220 97 49	#DC6131
50.0%	50.0% #E56E34	RGB 229 110 52	#E56E34
66.7%	66.7% #ED7B36	RGB 237 123 54	#ED7B36
83.3%	83.3% #F68839	RGB 246 136 57	#F68839
100.0%	100.0% #FF973C	RGB 255 151 60	#FF973C

#CB4B2D #D3562F #DC6131 #E56E34 #ED7B36 #F68839 #FF973C

#CB4B2D - #E56E34 - #FF973C

CSS codes

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

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