#DC3E12 - #FFA215 | 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 #DC3E12 to #FFA215

#DC3E12 #FFA215

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

#DC3E12 - #FFA215 | 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 #DC3E12 as 0% and #FFA215 as 100%.

0.0%	0.0% #DC3E12	RGB 220 62 18	#DC3E12
16.7%	16.7% #E14E12	RGB 225 78 18	#E14E12
33.3%	33.3% #E75F13	RGB 231 95 19	#E75F13
50.0%	50.0% #ED7013	RGB 237 112 19	#ED7013
66.7%	66.7% #F38014	RGB 243 128 20	#F38014
83.3%	83.3% #F99114	RGB 249 145 20	#F99114
100.0%	100.0% #FFA215	RGB 255 162 21	#FFA215

#DC3E12 #E14E12 #E75F13 #ED7013 #F38014 #F99114 #FFA215

#DC3E12 - #FFA215

HSV Blend

#DC3E12 - #FFA215 | 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 #DC3E12 as 0% and #FFA215 as 100%.

0.0%	0.0% #DC3E11	RGB 220 62 17	#DC3E11
16.7%	16.7% #E14C12	RGB 225 76 18	#E14C12
33.3%	33.3% #E75C12	RGB 231 92 18	#E75C12
50.0%	50.0% #ED6C13	RGB 237 108 19	#ED6C13
66.7%	66.7% #F37D13	RGB 243 125 19	#F37D13
83.3%	83.3% #F98F14	RGB 249 143 20	#F98F14
100.0%	100.0% #FFA215	RGB 255 162 21	#FFA215

#DC3E11 #E14C12 #E75C12 #ED6C13 #F37D13 #F98F14 #FFA215

#DC3E12 - #ED6C13 - #FFA215

CSS codes

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

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