#5E3E05 - #C67A1C | 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 #5E3E05 to #C67A1C

#5E3E05 #C67A1C

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

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

0.0%	0.0% #5E3E05	RGB 94 62 5	#5E3E05
16.7%	16.7% #6F4808	RGB 111 72 8	#6F4808
33.3%	33.3% #80520C	RGB 128 82 12	#80520C
50.0%	50.0% #925C10	RGB 146 92 16	#925C10
66.7%	66.7% #A36614	RGB 163 102 20	#A36614
83.3%	83.3% #B47018	RGB 180 112 24	#B47018
100.0%	100.0% #C67A1C	RGB 198 122 28	#C67A1C

#5E3E05 #6F4808 #80520C #925C10 #A36614 #B47018 #C67A1C

#5E3E05 - #C67A1C

HSV Blend

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

0.0%	0.0% #5E3E04	RGB 94 62 4	#5E3E04
16.7%	16.7% #6F4807	RGB 111 72 7	#6F4807
33.3%	33.3% #80520A	RGB 128 82 10	#80520A
50.0%	50.0% #925C0E	RGB 146 92 14	#925C0E
66.7%	66.7% #A36612	RGB 163 102 18	#A36612
83.3%	83.3% #B47016	RGB 180 112 22	#B47016
100.0%	100.0% #C67A1C	RGB 198 122 28	#C67A1C

#5E3E04 #6F4807 #80520A #925C0E #A36612 #B47016 #C67A1C

#5E3E05 - #925C0E - #C67A1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E04 0%, #925C0E 50%, #C67A1C 100%);
    background: -webkit-linear-gradient(top, #5E3E04 0%, #925C0E 50%, #C67A1C 100%);
    background: linear-gradient(to bottom, #5E3E04 0%, #925C0E 50%, #C67A1C 100%);
}
</style>