#71301C - #CD6D34 | 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 #71301C to #CD6D34

#71301C #CD6D34

Calculate the color between two colors, #71301C and #CD6D34. 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)

#71301C - #CD6D34 | 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 #71301C as 0% and #CD6D34 as 100%.

0.0%	0.0% #71301C	RGB 113 48 28	#71301C
16.7%	16.7% #803A20	RGB 128 58 32	#803A20
33.3%	33.3% #8F4424	RGB 143 68 36	#8F4424
50.0%	50.0% #9F4E28	RGB 159 78 40	#9F4E28
66.7%	66.7% #AE582C	RGB 174 88 44	#AE582C
83.3%	83.3% #BD6230	RGB 189 98 48	#BD6230
100.0%	100.0% #CD6D34	RGB 205 109 52	#CD6D34

#71301C #803A20 #8F4424 #9F4E28 #AE582C #BD6230 #CD6D34

#71301C - #CD6D34

HSV Blend

#71301C - #CD6D34 | 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 #71301C as 0% and #CD6D34 as 100%.

0.0%	0.0% #71301C	RGB 113 48 28	#71301C
16.7%	16.7% #80381F	RGB 128 56 31	#80381F
33.3%	33.3% #8F4223	RGB 143 66 35	#8F4223
50.0%	50.0% #9F4C27	RGB 159 76 39	#9F4C27
66.7%	66.7% #AE562B	RGB 174 86 43	#AE562B
83.3%	83.3% #BD612F	RGB 189 97 47	#BD612F
100.0%	100.0% #CD6D34	RGB 205 109 52	#CD6D34

#71301C #80381F #8F4223 #9F4C27 #AE562B #BD612F #CD6D34

#71301C - #9F4C27 - #CD6D34

CSS codes

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

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