#B9A991 - #EBE6DF | 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 #B9A991 to #EBE6DF

#B9A991 #EBE6DF

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

#B9A991 - #EBE6DF | 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 #B9A991 as 0% and #EBE6DF as 100%.

0.0%	0.0% #B9A991	RGB 185 169 145	#B9A991
16.7%	16.7% #C1B39E	RGB 193 179 158	#C1B39E
33.3%	33.3% #C9BDAB	RGB 201 189 171	#C9BDAB
50.0%	50.0% #D2C7B8	RGB 210 199 184	#D2C7B8
66.7%	66.7% #DAD1C5	RGB 218 209 197	#DAD1C5
83.3%	83.3% #E2DBD2	RGB 226 219 210	#E2DBD2
100.0%	100.0% #EBE6DF	RGB 235 230 223	#EBE6DF

#B9A991 #C1B39E #C9BDAB #D2C7B8 #DAD1C5 #E2DBD2 #EBE6DF

#B9A991 - #EBE6DF

HSV Blend

#B9A991 - #EBE6DF | 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 #B9A991 as 0% and #EBE6DF as 100%.

0.0%	0.0% #B9A991	RGB 185 169 145	#B9A991
16.7%	16.7% #C1B29C	RGB 193 178 156	#C1B29C
33.3%	33.3% #C9BCA9	RGB 201 188 169	#C9BCA9
50.0%	50.0% #D2C6B5	RGB 210 198 181	#D2C6B5
66.7%	66.7% #DAD0C3	RGB 218 208 195	#DAD0C3
83.3%	83.3% #E2DBD0	RGB 226 219 208	#E2DBD0
100.0%	100.0% #EBE6DF	RGB 235 230 223	#EBE6DF

#B9A991 #C1B29C #C9BCA9 #D2C6B5 #DAD0C3 #E2DBD0 #EBE6DF

#B9A991 - #D2C6B5 - #EBE6DF

CSS codes

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

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