#B6BC5E - #638600 | 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 #B6BC5E to #638600

#B6BC5E #638600

Calculate the color between two colors, #B6BC5E and #638600. 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)

#B6BC5E - #638600 | 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 #B6BC5E as 0% and #638600 as 100%.

0.0%	0.0% #B6BC5E	RGB 182 188 94	#B6BC5E
16.7%	16.7% #A8B34E	RGB 168 179 78	#A8B34E
33.3%	33.3% #9AAA3E	RGB 154 170 62	#9AAA3E
50.0%	50.0% #8CA12F	RGB 140 161 47	#8CA12F
66.7%	66.7% #7E981F	RGB 126 152 31	#7E981F
83.3%	83.3% #708F0F	RGB 112 143 15	#708F0F
100.0%	100.0% #638600	RGB 99 134 0	#638600

#B6BC5E #A8B34E #9AAA3E #8CA12F #7E981F #708F0F #638600

#B6BC5E - #638600

HSV Blend

#B6BC5E - #638600 | 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 #B6BC5E as 0% and #638600 as 100%.

0.0%	0.0% #B6BC5E	RGB 182 188 94	#B6BC5E
16.7%	16.7% #A8B34A	RGB 168 179 74	#A8B34A
33.3%	33.3% #9BAA38	RGB 155 170 56	#9BAA38
50.0%	50.0% #8DA128	RGB 141 161 40	#8DA128
66.7%	66.7% #7F9819	RGB 127 152 25	#7F9819
83.3%	83.3% #718F0B	RGB 113 143 11	#718F0B
100.0%	100.0% #638600	RGB 99 134 0	#638600

#B6BC5E #A8B34A #9BAA38 #8DA128 #7F9819 #718F0B #638600

#B6BC5E - #8DA128 - #638600

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6BC5E 0%, #8DA128 50%, #638600 100%);
    background: -webkit-linear-gradient(top, #B6BC5E 0%, #8DA128 50%, #638600 100%);
    background: linear-gradient(to bottom, #B6BC5E 0%, #8DA128 50%, #638600 100%);
}
</style>