#CD412C - #FF8F38 | 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 #CD412C to #FF8F38

#CD412C #FF8F38

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

#CD412C - #FF8F38 | 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 #CD412C as 0% and #FF8F38 as 100%.

0.0%	0.0% #CD412C	RGB 205 65 44	#CD412C
16.7%	16.7% #D54E2E	RGB 213 78 46	#D54E2E
33.3%	33.3% #DD5B30	RGB 221 91 48	#DD5B30
50.0%	50.0% #E66832	RGB 230 104 50	#E66832
66.7%	66.7% #EE7534	RGB 238 117 52	#EE7534
83.3%	83.3% #F68236	RGB 246 130 54	#F68236
100.0%	100.0% #FF8F38	RGB 255 143 56	#FF8F38

#CD412C #D54E2E #DD5B30 #E66832 #EE7534 #F68236 #FF8F38

#CD412C - #FF8F38

HSV Blend

#CD412C - #FF8F38 | 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 #CD412C as 0% and #FF8F38 as 100%.

0.0%	0.0% #CD412B	RGB 205 65 43	#CD412B
16.7%	16.7% #D54C2D	RGB 213 76 45	#D54C2D
33.3%	33.3% #DD582F	RGB 221 88 47	#DD582F
50.0%	50.0% #E66531	RGB 230 101 49	#E66531
66.7%	66.7% #EE7233	RGB 238 114 51	#EE7233
83.3%	83.3% #F68035	RGB 246 128 53	#F68035
100.0%	100.0% #FF8F38	RGB 255 143 56	#FF8F38

#CD412B #D54C2D #DD582F #E66531 #EE7233 #F68035 #FF8F38

#CD412C - #E66531 - #FF8F38

CSS codes

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

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