#B5A850 - #E9E6CD | 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 #B5A850 to #E9E6CD

#B5A850 #E9E6CD

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

#B5A850 - #E9E6CD | 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 #B5A850 as 0% and #E9E6CD as 100%.

0.0%	0.0% #B5A850	RGB 181 168 80	#B5A850
16.7%	16.7% #BDB264	RGB 189 178 100	#BDB264
33.3%	33.3% #C6BC79	RGB 198 188 121	#C6BC79
50.0%	50.0% #CFC78E	RGB 207 199 142	#CFC78E
66.7%	66.7% #D7D1A3	RGB 215 209 163	#D7D1A3
83.3%	83.3% #E0DBB8	RGB 224 219 184	#E0DBB8
100.0%	100.0% #E9E6CD	RGB 233 230 205	#E9E6CD

#B5A850 #BDB264 #C6BC79 #CFC78E #D7D1A3 #E0DBB8 #E9E6CD

#B5A850 - #E9E6CD

HSV Blend

#B5A850 - #E9E6CD | 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 #B5A850 as 0% and #E9E6CD as 100%.

0.0%	0.0% #B5A850	RGB 181 168 80	#B5A850
16.7%	16.7% #BDB261	RGB 189 178 97	#BDB261
33.3%	33.3% #C6BC74	RGB 198 188 116	#C6BC74
50.0%	50.0% #CFC688	RGB 207 198 136	#CFC688
66.7%	66.7% #D7D19E	RGB 215 209 158	#D7D19E
83.3%	83.3% #E0DBB5	RGB 224 219 181	#E0DBB5
100.0%	100.0% #E9E6CD	RGB 233 230 205	#E9E6CD

#B5A850 #BDB261 #C6BC74 #CFC688 #D7D19E #E0DBB5 #E9E6CD

#B5A850 - #CFC688 - #E9E6CD

CSS codes

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

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