#C15300 - #5E2D0C | 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 #C15300 to #5E2D0C

#C15300 #5E2D0C

Calculate the color between two colors, #C15300 and #5E2D0C. 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)

#C15300 - #5E2D0C | 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 #C15300 as 0% and #5E2D0C as 100%.

0.0%	0.0% #C15300	RGB 193 83 0	#C15300
16.7%	16.7% #B04C02	RGB 176 76 2	#B04C02
33.3%	33.3% #A04604	RGB 160 70 4	#A04604
50.0%	50.0% #8F4006	RGB 143 64 6	#8F4006
66.7%	66.7% #7F3908	RGB 127 57 8	#7F3908
83.3%	83.3% #6E330A	RGB 110 51 10	#6E330A
100.0%	100.0% #5E2D0C	RGB 94 45 12	#5E2D0C

#C15300 #B04C02 #A04604 #8F4006 #7F3908 #6E330A #5E2D0C

#C15300 - #5E2D0C

HSV Blend

#C15300 - #5E2D0C | 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 #C15300 as 0% and #5E2D0C as 100%.

0.0%	0.0% #C15300	RGB 193 83 0	#C15300
16.7%	16.7% #B04D03	RGB 176 77 3	#B04D03
33.3%	33.3% #A04706	RGB 160 71 6	#A04706
50.0%	50.0% #8F4109	RGB 143 65 9	#8F4109
66.7%	66.7% #7F3A0A	RGB 127 58 10	#7F3A0A
83.3%	83.3% #6E330B	RGB 110 51 11	#6E330B
100.0%	100.0% #5E2D0C	RGB 94 45 12	#5E2D0C

#C15300 #B04D03 #A04706 #8F4109 #7F3A0A #6E330B #5E2D0C

#C15300 - #8F4109 - #5E2D0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C15300 0%, #8F4109 50%, #5E2D0C 100%);
    background: -webkit-linear-gradient(top, #C15300 0%, #8F4109 50%, #5E2D0C 100%);
    background: linear-gradient(to bottom, #C15300 0%, #8F4109 50%, #5E2D0C 100%);
}
</style>