#B6BA5E - #E9EBD1 | 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 #B6BA5E to #E9EBD1

#B6BA5E #E9EBD1

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

#B6BA5E - #E9EBD1 | 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 #B6BA5E as 0% and #E9EBD1 as 100%.

0.0%	0.0% #B6BA5E	RGB 182 186 94	#B6BA5E
16.7%	16.7% #BEC271	RGB 190 194 113	#BEC271
33.3%	33.3% #C7CA84	RGB 199 202 132	#C7CA84
50.0%	50.0% #CFD297	RGB 207 210 151	#CFD297
66.7%	66.7% #D8DAAA	RGB 216 218 170	#D8DAAA
83.3%	83.3% #E0E2BD	RGB 224 226 189	#E0E2BD
100.0%	100.0% #E9EBD1	RGB 233 235 209	#E9EBD1

#B6BA5E #BEC271 #C7CA84 #CFD297 #D8DAAA #E0E2BD #E9EBD1

#B6BA5E - #E9EBD1

HSV Blend

#B6BA5E - #E9EBD1 | 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 #B6BA5E as 0% and #E9EBD1 as 100%.

0.0%	0.0% #B6BA5E	RGB 182 186 94	#B6BA5E
16.7%	16.7% #BEC26E	RGB 190 194 110	#BEC26E
33.3%	33.3% #C6CA80	RGB 198 202 128	#C6CA80
50.0%	50.0% #CED292	RGB 206 210 146	#CED292
66.7%	66.7% #D7DAA6	RGB 215 218 166	#D7DAA6
83.3%	83.3% #E0E2BB	RGB 224 226 187	#E0E2BB
100.0%	100.0% #E9EBD1	RGB 233 235 209	#E9EBD1

#B6BA5E #BEC26E #C6CA80 #CED292 #D7DAA6 #E0E2BB #E9EBD1

#B6BA5E - #CED292 - #E9EBD1

CSS codes

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

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