#B8AC5C - #D4FF6E | 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 #B8AC5C to #D4FF6E

#B8AC5C #D4FF6E

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

#B8AC5C - #D4FF6E | 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 #B8AC5C as 0% and #D4FF6E as 100%.

0.0%	0.0% #B8AC5C	RGB 184 172 92	#B8AC5C
16.7%	16.7% #BCB95F	RGB 188 185 95	#BCB95F
33.3%	33.3% #C1C762	RGB 193 199 98	#C1C762
50.0%	50.0% #C6D565	RGB 198 213 101	#C6D565
66.7%	66.7% #CAE368	RGB 202 227 104	#CAE368
83.3%	83.3% #CFF16B	RGB 207 241 107	#CFF16B
100.0%	100.0% #D4FF6E	RGB 212 255 110	#D4FF6E

#B8AC5C #BCB95F #C1C762 #C6D565 #CAE368 #CFF16B #D4FF6E

#B8AC5C - #D4FF6E

HSV Blend

#B8AC5C - #D4FF6E | 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 #B8AC5C as 0% and #D4FF6E as 100%.

0.0%	0.0% #B8AC5C	RGB 184 172 92	#B8AC5C
16.7%	16.7% #C3BD5F	RGB 195 189 95	#C3BD5F
33.3%	33.3% #CECF63	RGB 206 207 99	#CECF63
50.0%	50.0% #D1DB66	RGB 209 219 102	#D1DB66
66.7%	66.7% #D3E769	RGB 211 231 105	#D3E769
83.3%	83.3% #D4F36B	RGB 212 243 107	#D4F36B
100.0%	100.0% #D4FF6E	RGB 212 255 110	#D4FF6E

#B8AC5C #C3BD5F #CECF63 #D1DB66 #D3E769 #D4F36B #D4FF6E

#B8AC5C - #D1DB66 - #D4FF6E

CSS codes

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

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