#969400 - #5E510C | 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 #969400 to #5E510C

#969400 #5E510C

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

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

0.0%	0.0% #969400	RGB 150 148 0	#969400
16.7%	16.7% #8C8802	RGB 140 136 2	#8C8802
33.3%	33.3% #837D04	RGB 131 125 4	#837D04
50.0%	50.0% #7A7206	RGB 122 114 6	#7A7206
66.7%	66.7% #706708	RGB 112 103 8	#706708
83.3%	83.3% #675C0A	RGB 103 92 10	#675C0A
100.0%	100.0% #5E510C	RGB 94 81 12	#5E510C

#969400 #8C8802 #837D04 #7A7206 #706708 #675C0A #5E510C

#969400 - #5E510C

HSV Blend

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

0.0%	0.0% #969400	RGB 150 148 0	#969400
16.7%	16.7% #8C8702	RGB 140 135 2	#8C8702
33.3%	33.3% #837B05	RGB 131 123 5	#837B05
50.0%	50.0% #7A7007	RGB 122 112 7	#7A7007
66.7%	66.7% #706509	RGB 112 101 9	#706509
83.3%	83.3% #675A0A	RGB 103 90 10	#675A0A
100.0%	100.0% #5E510C	RGB 94 81 12	#5E510C

#969400 #8C8702 #837B05 #7A7007 #706509 #675A0A #5E510C

#969400 - #7A7007 - #5E510C

CSS codes

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

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