#B8C2AB - #EFE9BF | 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 #B8C2AB to #EFE9BF

#B8C2AB #EFE9BF

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

#B8C2AB - #EFE9BF | 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 #B8C2AB as 0% and #EFE9BF as 100%.

0.0%	0.0% #B8C2AB	RGB 184 194 171	#B8C2AB
16.7%	16.7% #C1C8AE	RGB 193 200 174	#C1C8AE
33.3%	33.3% #CACFB1	RGB 202 207 177	#CACFB1
50.0%	50.0% #D3D5B5	RGB 211 213 181	#D3D5B5
66.7%	66.7% #DCDCB8	RGB 220 220 184	#DCDCB8
83.3%	83.3% #E5E2BB	RGB 229 226 187	#E5E2BB
100.0%	100.0% #EFE9BF	RGB 239 233 191	#EFE9BF

#B8C2AB #C1C8AE #CACFB1 #D3D5B5 #DCDCB8 #E5E2BB #EFE9BF

#B8C2AB - #EFE9BF

HSV Blend

#B8C2AB - #EFE9BF | 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 #B8C2AB as 0% and #EFE9BF as 100%.

0.0%	0.0% #B8C2AB	RGB 184 194 171	#B8C2AB
16.7%	16.7% #C0C9AE	RGB 192 201 174	#C0C9AE
33.3%	33.3% #C9D1B2	RGB 201 209 178	#C9D1B2
50.0%	50.0% #D3D8B5	RGB 211 216 181	#D3D8B5
66.7%	66.7% #DDE0B9	RGB 221 224 185	#DDE0B9
83.3%	83.3% #E7E6BC	RGB 231 230 188	#E7E6BC
100.0%	100.0% #EFE9BF	RGB 239 233 191	#EFE9BF

#B8C2AB #C0C9AE #C9D1B2 #D3D8B5 #DDE0B9 #E7E6BC #EFE9BF

#B8C2AB - #D3D8B5 - #EFE9BF

CSS codes

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

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