#CD3300 - #3C160E | 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 #CD3300 to #3C160E

#CD3300 #3C160E

Calculate the color between two colors, #CD3300 and #3C160E. 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)

#CD3300 - #3C160E | 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 #CD3300 as 0% and #3C160E as 100%.

0.0%	0.0% #CD3300	RGB 205 51 0	#CD3300
16.7%	16.7% #B42E02	RGB 180 46 2	#B42E02
33.3%	33.3% #9C2904	RGB 156 41 4	#9C2904
50.0%	50.0% #842407	RGB 132 36 7	#842407
66.7%	66.7% #6C1F09	RGB 108 31 9	#6C1F09
83.3%	83.3% #541A0B	RGB 84 26 11	#541A0B
100.0%	100.0% #3C160E	RGB 60 22 14	#3C160E

#CD3300 #B42E02 #9C2904 #842407 #6C1F09 #541A0B #3C160E

#CD3300 - #3C160E

HSV Blend

#CD3300 - #3C160E | 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 #CD3300 as 0% and #3C160E as 100%.

0.0%	0.0% #CD3300	RGB 205 51 0	#CD3300
16.7%	16.7% #B43007	RGB 180 48 7	#B43007
33.3%	33.3% #9C2C0C	RGB 156 44 12	#9C2C0C
50.0%	50.0% #84280F	RGB 132 40 15	#84280F
66.7%	66.7% #6C2310	RGB 108 35 16	#6C2310
83.3%	83.3% #541D10	RGB 84 29 16	#541D10
100.0%	100.0% #3C160E	RGB 60 22 14	#3C160E

#CD3300 #B43007 #9C2C0C #84280F #6C2310 #541D10 #3C160E

#CD3300 - #84280F - #3C160E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD3300 0%, #84280F 50%, #3C160E 100%);
    background: -webkit-linear-gradient(top, #CD3300 0%, #84280F 50%, #3C160E 100%);
    background: linear-gradient(to bottom, #CD3300 0%, #84280F 50%, #3C160E 100%);
}
</style>