#B8B25C - #8F8219 | 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 #B8B25C to #8F8219

#B8B25C #8F8219

Calculate the color between two colors, #B8B25C and #8F8219. 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)

#B8B25C - #8F8219 | 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 #B8B25C as 0% and #8F8219 as 100%.

0.0%	0.0% #B8B25C	RGB 184 178 92	#B8B25C
16.7%	16.7% #B1AA50	RGB 177 170 80	#B1AA50
33.3%	33.3% #AAA245	RGB 170 162 69	#AAA245
50.0%	50.0% #A39A3A	RGB 163 154 58	#A39A3A
66.7%	66.7% #9C922F	RGB 156 146 47	#9C922F
83.3%	83.3% #958A24	RGB 149 138 36	#958A24
100.0%	100.0% #8F8219	RGB 143 130 25	#8F8219

#B8B25C #B1AA50 #AAA245 #A39A3A #9C922F #958A24 #8F8219

#B8B25C - #8F8219

HSV Blend

#B8B25C - #8F8219 | 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 #B8B25C as 0% and #8F8219 as 100%.

0.0%	0.0% #B8B25C	RGB 184 178 92	#B8B25C
16.7%	16.7% #B1AA4E	RGB 177 170 78	#B1AA4E
33.3%	33.3% #AAA242	RGB 170 162 66	#AAA242
50.0%	50.0% #A39937	RGB 163 153 55	#A39937
66.7%	66.7% #9C912C	RGB 156 145 44	#9C912C
83.3%	83.3% #958922	RGB 149 137 34	#958922
100.0%	100.0% #8F8219	RGB 143 130 25	#8F8219

#B8B25C #B1AA4E #AAA242 #A39937 #9C912C #958922 #8F8219

#B8B25C - #A39937 - #8F8219

CSS codes

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

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