#BDC37C - #82942E | 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 #BDC37C to #82942E

#BDC37C #82942E

Calculate the color between two colors, #BDC37C and #82942E. 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)

#BDC37C - #82942E | 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 #BDC37C as 0% and #82942E as 100%.

0.0%	0.0% #BDC37C	RGB 189 195 124	#BDC37C
16.7%	16.7% #B3BB6F	RGB 179 187 111	#B3BB6F
33.3%	33.3% #A9B362	RGB 169 179 98	#A9B362
50.0%	50.0% #9FAB55	RGB 159 171 85	#9FAB55
66.7%	66.7% #95A348	RGB 149 163 72	#95A348
83.3%	83.3% #8B9B3B	RGB 139 155 59	#8B9B3B
100.0%	100.0% #82942E	RGB 130 148 46	#82942E

#BDC37C #B3BB6F #A9B362 #9FAB55 #95A348 #8B9B3B #82942E

#BDC37C - #82942E

HSV Blend

#BDC37C - #82942E | 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 #BDC37C as 0% and #82942E as 100%.

0.0%	0.0% #BDC37C	RGB 189 195 124	#BDC37C
16.7%	16.7% #B3BB6C	RGB 179 187 108	#B3BB6C
33.3%	33.3% #A9B35E	RGB 169 179 94	#A9B35E
50.0%	50.0% #9FAB51	RGB 159 171 81	#9FAB51
66.7%	66.7% #95A344	RGB 149 163 68	#95A344
83.3%	83.3% #8B9B38	RGB 139 155 56	#8B9B38
100.0%	100.0% #82942E	RGB 130 148 46	#82942E

#BDC37C #B3BB6C #A9B35E #9FAB51 #95A344 #8B9B38 #82942E

#BDC37C - #9FAB51 - #82942E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDC37C 0%, #9FAB51 50%, #82942E 100%);
    background: -webkit-linear-gradient(top, #BDC37C 0%, #9FAB51 50%, #82942E 100%);
    background: linear-gradient(to bottom, #BDC37C 0%, #9FAB51 50%, #82942E 100%);
}
</style>