#71300C - #CC691E | 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 #71300C to #CC691E

#71300C #CC691E

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

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

0.0%	0.0% #71300C	RGB 113 48 12	#71300C
16.7%	16.7% #80390F	RGB 128 57 15	#80390F
33.3%	33.3% #8F4312	RGB 143 67 18	#8F4312
50.0%	50.0% #9E4C15	RGB 158 76 21	#9E4C15
66.7%	66.7% #AD5618	RGB 173 86 24	#AD5618
83.3%	83.3% #BC5F1B	RGB 188 95 27	#BC5F1B
100.0%	100.0% #CC691E	RGB 204 105 30	#CC691E

#71300C #80390F #8F4312 #9E4C15 #AD5618 #BC5F1B #CC691E

#71300C - #CC691E

HSV Blend

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

0.0%	0.0% #71300B	RGB 113 48 11	#71300B
16.7%	16.7% #80380E	RGB 128 56 14	#80380E
33.3%	33.3% #8F4111	RGB 143 65 17	#8F4111
50.0%	50.0% #9E4A14	RGB 158 74 20	#9E4A14
66.7%	66.7% #AD5417	RGB 173 84 23	#AD5417
83.3%	83.3% #BC5E1A	RGB 188 94 26	#BC5E1A
100.0%	100.0% #CC691E	RGB 204 105 30	#CC691E

#71300B #80380E #8F4111 #9E4A14 #AD5417 #BC5E1A #CC691E

#71300C - #9E4A14 - #CC691E

CSS codes

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

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