#B7B0AB - #FFE8C2 | 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 #B7B0AB to #FFE8C2

#B7B0AB #FFE8C2

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

#B7B0AB - #FFE8C2 | 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 #B7B0AB as 0% and #FFE8C2 as 100%.

0.0%	0.0% #B7B0AB	RGB 183 176 171	#B7B0AB
16.7%	16.7% #C3B9AE	RGB 195 185 174	#C3B9AE
33.3%	33.3% #CFC2B2	RGB 207 194 178	#CFC2B2
50.0%	50.0% #DBCCB6	RGB 219 204 182	#DBCCB6
66.7%	66.7% #E7D5BA	RGB 231 213 186	#E7D5BA
83.3%	83.3% #F3DEBE	RGB 243 222 190	#F3DEBE
100.0%	100.0% #FFE8C2	RGB 255 232 194	#FFE8C2

#B7B0AB #C3B9AE #CFC2B2 #DBCCB6 #E7D5BA #F3DEBE #FFE8C2

#B7B0AB - #FFE8C2

HSV Blend

#B7B0AB - #FFE8C2 | 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 #B7B0AB as 0% and #FFE8C2 as 100%.

0.0%	0.0% #B7B0AB	RGB 183 176 171	#B7B0AB
16.7%	16.7% #C3B8B0	RGB 195 184 176	#C3B8B0
33.3%	33.3% #CFC1B5	RGB 207 193 181	#CFC1B5
50.0%	50.0% #DBCAB9	RGB 219 202 185	#DBCAB9
66.7%	66.7% #E7D4BD	RGB 231 212 189	#E7D4BD
83.3%	83.3% #F3DDBF	RGB 243 221 191	#F3DDBF
100.0%	100.0% #FFE8C2	RGB 255 232 194	#FFE8C2

#B7B0AB #C3B8B0 #CFC1B5 #DBCAB9 #E7D4BD #F3DDBF #FFE8C2

#B7B0AB - #DBCAB9 - #FFE8C2

CSS codes

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

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