#B9BA8C - #EEFFA9 | 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 #B9BA8C to #EEFFA9

#B9BA8C #EEFFA9

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

#B9BA8C - #EEFFA9 | 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 #B9BA8C as 0% and #EEFFA9 as 100%.

0.0%	0.0% #B9BA8C	RGB 185 186 140	#B9BA8C
16.7%	16.7% #C1C590	RGB 193 197 144	#C1C590
33.3%	33.3% #CAD195	RGB 202 209 149	#CAD195
50.0%	50.0% #D3DC9A	RGB 211 220 154	#D3DC9A
66.7%	66.7% #DCE89F	RGB 220 232 159	#DCE89F
83.3%	83.3% #E5F3A4	RGB 229 243 164	#E5F3A4
100.0%	100.0% #EEFFA9	RGB 238 255 169	#EEFFA9

#B9BA8C #C1C590 #CAD195 #D3DC9A #DCE89F #E5F3A4 #EEFFA9

#B9BA8C - #EEFFA9

HSV Blend

#B9BA8C - #EEFFA9 | 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 #B9BA8C as 0% and #EEFFA9 as 100%.

0.0%	0.0% #B9BA8C	RGB 185 186 140	#B9BA8C
16.7%	16.7% #C2C591	RGB 194 197 145	#C2C591
33.3%	33.3% #CCD197	RGB 204 209 151	#CCD197
50.0%	50.0% #D5DC9C	RGB 213 220 156	#D5DC9C
66.7%	66.7% #DEE8A0	RGB 222 232 160	#DEE8A0
83.3%	83.3% #E6F3A5	RGB 230 243 165	#E6F3A5
100.0%	100.0% #EEFFA9	RGB 238 255 169	#EEFFA9

#B9BA8C #C2C591 #CCD197 #D5DC9C #DEE8A0 #E6F3A5 #EEFFA9

#B9BA8C - #D5DC9C - #EEFFA9

CSS codes

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

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