#BBC36D - #78841B | 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 #BBC36D to #78841B

#BBC36D #78841B

Calculate the color between two colors, #BBC36D and #78841B. 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)

#BBC36D - #78841B | 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 #BBC36D as 0% and #78841B as 100%.

0.0%	0.0% #BBC36D	RGB 187 195 109	#BBC36D
16.7%	16.7% #AFB85F	RGB 175 184 95	#AFB85F
33.3%	33.3% #A4AE51	RGB 164 174 81	#A4AE51
50.0%	50.0% #99A344	RGB 153 163 68	#99A344
66.7%	66.7% #8E9936	RGB 142 153 54	#8E9936
83.3%	83.3% #838E28	RGB 131 142 40	#838E28
100.0%	100.0% #78841B	RGB 120 132 27	#78841B

#BBC36D #AFB85F #A4AE51 #99A344 #8E9936 #838E28 #78841B

#BBC36D - #78841B

HSV Blend

#BBC36D - #78841B | 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 #BBC36D as 0% and #78841B as 100%.

0.0%	0.0% #BBC36D	RGB 187 195 109	#BBC36D
16.7%	16.7% #AFB85C	RGB 175 184 92	#AFB85C
33.3%	33.3% #A4AE4C	RGB 164 174 76	#A4AE4C
50.0%	50.0% #99A33E	RGB 153 163 62	#99A33E
66.7%	66.7% #8D9931	RGB 141 153 49	#8D9931
83.3%	83.3% #828E25	RGB 130 142 37	#828E25
100.0%	100.0% #78841B	RGB 120 132 27	#78841B

#BBC36D #AFB85C #A4AE4C #99A33E #8D9931 #828E25 #78841B

#BBC36D - #99A33E - #78841B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC36D 0%, #99A33E 50%, #78841B 100%);
    background: -webkit-linear-gradient(top, #BBC36D 0%, #99A33E 50%, #78841B 100%);
    background: linear-gradient(to bottom, #BBC36D 0%, #99A33E 50%, #78841B 100%);
}
</style>