#764F15 - #3E2F07 | 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 #764F15 to #3E2F07

#764F15 #3E2F07

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

#764F15 - #3E2F07 | 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 #764F15 as 0% and #3E2F07 as 100%.

0.0%	0.0% #764F15	RGB 118 79 21	#764F15
16.7%	16.7% #6C4912	RGB 108 73 18	#6C4912
33.3%	33.3% #634410	RGB 99 68 16	#634410
50.0%	50.0% #5A3F0E	RGB 90 63 14	#5A3F0E
66.7%	66.7% #50390B	RGB 80 57 11	#50390B
83.3%	83.3% #473409	RGB 71 52 9	#473409
100.0%	100.0% #3E2F07	RGB 62 47 7	#3E2F07

#764F15 #6C4912 #634410 #5A3F0E #50390B #473409 #3E2F07

#764F15 - #3E2F07

HSV Blend

#764F15 - #3E2F07 | 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 #764F15 as 0% and #3E2F07 as 100%.

0.0%	0.0% #764F15	RGB 118 79 21	#764F15
16.7%	16.7% #6C4A12	RGB 108 74 18	#6C4A12
33.3%	33.3% #63450F	RGB 99 69 15	#63450F
50.0%	50.0% #5A400D	RGB 90 64 13	#5A400D
66.7%	66.7% #503A0A	RGB 80 58 10	#503A0A
83.3%	83.3% #473408	RGB 71 52 8	#473408
100.0%	100.0% #3E2F07	RGB 62 47 7	#3E2F07

#764F15 #6C4A12 #63450F #5A400D #503A0A #473408 #3E2F07

#764F15 - #5A400D - #3E2F07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #764F15 0%, #5A400D 50%, #3E2F07 100%);
    background: -webkit-linear-gradient(top, #764F15 0%, #5A400D 50%, #3E2F07 100%);
    background: linear-gradient(to bottom, #764F15 0%, #5A400D 50%, #3E2F07 100%);
}
</style>