#DC2713 - #620600 | 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 #DC2713 to #620600

#DC2713 #620600

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

#DC2713 - #620600 | 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 #DC2713 as 0% and #620600 as 100%.

0.0%	0.0% #DC2713	RGB 220 39 19	#DC2713
16.7%	16.7% #C7210F	RGB 199 33 15	#C7210F
33.3%	33.3% #B31C0C	RGB 179 28 12	#B31C0C
50.0%	50.0% #9F1609	RGB 159 22 9	#9F1609
66.7%	66.7% #8A1106	RGB 138 17 6	#8A1106
83.3%	83.3% #760B03	RGB 118 11 3	#760B03
100.0%	100.0% #620600	RGB 98 6 0	#620600

#DC2713 #C7210F #B31C0C #9F1609 #8A1106 #760B03 #620600

#DC2713 - #620600

HSV Blend

#DC2713 - #620600 | 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 #DC2713 as 0% and #620600 as 100%.

0.0%	0.0% #DC2612	RGB 220 38 18	#DC2612
16.7%	16.7% #C71F0E	RGB 199 31 14	#C71F0E
33.3%	33.3% #B3180A	RGB 179 24 10	#B3180A
50.0%	50.0% #9F1306	RGB 159 19 6	#9F1306
66.7%	66.7% #8A0D03	RGB 138 13 3	#8A0D03
83.3%	83.3% #760901	RGB 118 9 1	#760901
100.0%	100.0% #620600	RGB 98 6 0	#620600

#DC2612 #C71F0E #B3180A #9F1306 #8A0D03 #760901 #620600

#DC2713 - #9F1306 - #620600

CSS codes

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

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