#B8AF89 - #E4FEAB | 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 #B8AF89 to #E4FEAB

#B8AF89 #E4FEAB

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

#B8AF89 - #E4FEAB | 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 #B8AF89 as 0% and #E4FEAB as 100%.

0.0%	0.0% #B8AF89	RGB 184 175 137	#B8AF89
16.7%	16.7% #BFBC8E	RGB 191 188 142	#BFBC8E
33.3%	33.3% #C6C994	RGB 198 201 148	#C6C994
50.0%	50.0% #CED69A	RGB 206 214 154	#CED69A
66.7%	66.7% #D5E39F	RGB 213 227 159	#D5E39F
83.3%	83.3% #DCF0A5	RGB 220 240 165	#DCF0A5
100.0%	100.0% #E4FEAB	RGB 228 254 171	#E4FEAB

#B8AF89 #BFBC8E #C6C994 #CED69A #D5E39F #DCF0A5 #E4FEAB

#B8AF89 - #E4FEAB

HSV Blend

#B8AF89 - #E4FEAB | 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 #B8AF89 as 0% and #E4FEAB as 100%.

0.0%	0.0% #B8AF89	RGB 184 175 137	#B8AF89
16.7%	16.7% #C3BE8F	RGB 195 190 143	#C3BE8F
33.3%	33.3% #CFCD95	RGB 207 205 149	#CFCD95
50.0%	50.0% #D7DB9B	RGB 215 219 155	#D7DB9B
66.7%	66.7% #DCE6A0	RGB 220 230 160	#DCE6A0
83.3%	83.3% #E0F2A6	RGB 224 242 166	#E0F2A6
100.0%	100.0% #E4FEAB	RGB 228 254 171	#E4FEAB

#B8AF89 #C3BE8F #CFCD95 #D7DB9B #DCE6A0 #E0F2A6 #E4FEAB

#B8AF89 - #D7DB9B - #E4FEAB

CSS codes

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

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