#966700 - #5E380B | 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 #966700 to #5E380B

#966700 #5E380B

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

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

0.0%	0.0% #966700	RGB 150 103 0	#966700
16.7%	16.7% #8C5F01	RGB 140 95 1	#8C5F01
33.3%	33.3% #835703	RGB 131 87 3	#835703
50.0%	50.0% #7A4F05	RGB 122 79 5	#7A4F05
66.7%	66.7% #704707	RGB 112 71 7	#704707
83.3%	83.3% #673F09	RGB 103 63 9	#673F09
100.0%	100.0% #5E380B	RGB 94 56 11	#5E380B

#966700 #8C5F01 #835703 #7A4F05 #704707 #673F09 #5E380B

#966700 - #5E380B

HSV Blend

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

0.0%	0.0% #966700	RGB 150 103 0	#966700
16.7%	16.7% #8C5E02	RGB 140 94 2	#8C5E02
33.3%	33.3% #835505	RGB 131 85 5	#835505
50.0%	50.0% #7A4D07	RGB 122 77 7	#7A4D07
66.7%	66.7% #704608	RGB 112 70 8	#704608
83.3%	83.3% #673E0A	RGB 103 62 10	#673E0A
100.0%	100.0% #5E380B	RGB 94 56 11	#5E380B

#966700 #8C5E02 #835505 #7A4D07 #704608 #673E0A #5E380B

#966700 - #7A4D07 - #5E380B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #966700 0%, #7A4D07 50%, #5E380B 100%);
    background: -webkit-linear-gradient(top, #966700 0%, #7A4D07 50%, #5E380B 100%);
    background: linear-gradient(to bottom, #966700 0%, #7A4D07 50%, #5E380B 100%);
}
</style>