#3F5E00 - #BBAB2D | 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 #3F5E00 to #BBAB2D

#3F5E00 #BBAB2D

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

#3F5E00 - #BBAB2D | 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 #3F5E00 as 0% and #BBAB2D as 100%.

0.0%	0.0% #3F5E00	RGB 63 94 0	#3F5E00
16.7%	16.7% #536A07	RGB 83 106 7	#536A07
33.3%	33.3% #68770F	RGB 104 119 15	#68770F
50.0%	50.0% #7D8416	RGB 125 132 22	#7D8416
66.7%	66.7% #91911E	RGB 145 145 30	#91911E
83.3%	83.3% #A69E25	RGB 166 158 37	#A69E25
100.0%	100.0% #BBAB2D	RGB 187 171 45	#BBAB2D

#3F5E00 #536A07 #68770F #7D8416 #91911E #A69E25 #BBAB2D

#3F5E00 - #BBAB2D

HSV Blend

#3F5E00 - #BBAB2D | 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 #3F5E00 as 0% and #BBAB2D as 100%.

0.0%	0.0% #3F5E00	RGB 63 94 0	#3F5E00
16.7%	16.7% #526D04	RGB 82 109 4	#526D04
33.3%	33.3% #687D0A	RGB 104 125 10	#687D0A
50.0%	50.0% #7F8C10	RGB 127 140 16	#7F8C10
66.7%	66.7% #979C19	RGB 151 156 25	#979C19
83.3%	83.3% #ABA622	RGB 171 166 34	#ABA622
100.0%	100.0% #BBAB2D	RGB 187 171 45	#BBAB2D

#3F5E00 #526D04 #687D0A #7F8C10 #979C19 #ABA622 #BBAB2D

#3F5E00 - #7F8C10 - #BBAB2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F5E00 0%, #7F8C10 50%, #BBAB2D 100%);
    background: -webkit-linear-gradient(top, #3F5E00 0%, #7F8C10 50%, #BBAB2D 100%);
    background: linear-gradient(to bottom, #3F5E00 0%, #7F8C10 50%, #BBAB2D 100%);
}
</style>