#CD2D2B - #FF7B34 | 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 #CD2D2B to #FF7B34

#CD2D2B #FF7B34

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

#CD2D2B - #FF7B34 | 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 #CD2D2B as 0% and #FF7B34 as 100%.

0.0%	0.0% #CD2D2B	RGB 205 45 43	#CD2D2B
16.7%	16.7% #D53A2C	RGB 213 58 44	#D53A2C
33.3%	33.3% #DD472E	RGB 221 71 46	#DD472E
50.0%	50.0% #E6542F	RGB 230 84 47	#E6542F
66.7%	66.7% #EE6131	RGB 238 97 49	#EE6131
83.3%	83.3% #F66E32	RGB 246 110 50	#F66E32
100.0%	100.0% #FF7B34	RGB 255 123 52	#FF7B34

#CD2D2B #D53A2C #DD472E #E6542F #EE6131 #F66E32 #FF7B34

#CD2D2B - #FF7B34

HSV Blend

#CD2D2B - #FF7B34 | 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 #CD2D2B as 0% and #FF7B34 as 100%.

0.0%	0.0% #CD2D2B	RGB 205 45 43	#CD2D2B
16.7%	16.7% #D5382C	RGB 213 56 44	#D5382C
33.3%	33.3% #DD432E	RGB 221 67 46	#DD432E
50.0%	50.0% #E6502F	RGB 230 80 47	#E6502F
66.7%	66.7% #EE5D31	RGB 238 93 49	#EE5D31
83.3%	83.3% #F66C32	RGB 246 108 50	#F66C32
100.0%	100.0% #FF7B34	RGB 255 123 52	#FF7B34

#CD2D2B #D5382C #DD432E #E6502F #EE5D31 #F66C32 #FF7B34

#CD2D2B - #E6502F - #FF7B34

CSS codes

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

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