#DC1324 - #FF5D16 | 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 #DC1324 to #FF5D16

#DC1324 #FF5D16

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

#DC1324 - #FF5D16 | 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 #DC1324 as 0% and #FF5D16 as 100%.

0.0%	0.0% #DC1324	RGB 220 19 36	#DC1324
16.7%	16.7% #E11F21	RGB 225 31 33	#E11F21
33.3%	33.3% #E72B1F	RGB 231 43 31	#E72B1F
50.0%	50.0% #ED381D	RGB 237 56 29	#ED381D
66.7%	66.7% #F3441A	RGB 243 68 26	#F3441A
83.3%	83.3% #F95018	RGB 249 80 24	#F95018
100.0%	100.0% #FF5D16	RGB 255 93 22	#FF5D16

#DC1324 #E11F21 #E72B1F #ED381D #F3441A #F95018 #FF5D16

#DC1324 - #FF5D16

HSV Blend

#DC1324 - #FF5D16 | 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 #DC1324 as 0% and #FF5D16 as 100%.

0.0%	0.0% #DC1224	RGB 220 18 36	#DC1224
16.7%	16.7% #E11317	RGB 225 19 23	#E11317
33.3%	33.3% #E71D14	RGB 231 29 20	#E71D14
50.0%	50.0% #ED2C14	RGB 237 44 20	#ED2C14
66.7%	66.7% #F33B15	RGB 243 59 21	#F33B15
83.3%	83.3% #F94C15	RGB 249 76 21	#F94C15
100.0%	100.0% #FF5D16	RGB 255 93 22	#FF5D16

#DC1224 #E11317 #E71D14 #ED2C14 #F33B15 #F94C15 #FF5D16

#DC1324 - #ED2C14 - #FF5D16

CSS codes

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

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