#B9CEB8 - #EFE9C0 | 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 #B9CEB8 to #EFE9C0

#B9CEB8 #EFE9C0

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

#B9CEB8 - #EFE9C0 | 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 #B9CEB8 as 0% and #EFE9C0 as 100%.

0.0%	0.0% #B9CEB8	RGB 185 206 184	#B9CEB8
16.7%	16.7% #C2D2B9	RGB 194 210 185	#C2D2B9
33.3%	33.3% #CBD7BA	RGB 203 215 186	#CBD7BA
50.0%	50.0% #D4DBBC	RGB 212 219 188	#D4DBBC
66.7%	66.7% #DDE0BD	RGB 221 224 189	#DDE0BD
83.3%	83.3% #E6E4BE	RGB 230 228 190	#E6E4BE
100.0%	100.0% #EFE9C0	RGB 239 233 192	#EFE9C0

#B9CEB8 #C2D2B9 #CBD7BA #D4DBBC #DDE0BD #E6E4BE #EFE9C0

#B9CEB8 - #EFE9C0

HSV Blend

#B9CEB8 - #EFE9C0 | 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 #B9CEB8 as 0% and #EFE9C0 as 100%.

0.0%	0.0% #B9CEB8	RGB 185 206 184	#B9CEB8
16.7%	16.7% #BFD3B9	RGB 191 211 185	#BFD3B9
33.3%	33.3% #C7D9BB	RGB 199 217 187	#C7D9BB
50.0%	50.0% #D0DEBC	RGB 208 222 188	#D0DEBC
66.7%	66.7% #DBE4BD	RGB 219 228 189	#DBE4BD
83.3%	83.3% #E7E9BF	RGB 231 233 191	#E7E9BF
100.0%	100.0% #EFE9C0	RGB 239 233 192	#EFE9C0

#B9CEB8 #BFD3B9 #C7D9BB #D0DEBC #DBE4BD #E7E9BF #EFE9C0

#B9CEB8 - #D0DEBC - #EFE9C0

CSS codes

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

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