#B5B4A1 - #EED4B9 | 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 #B5B4A1 to #EED4B9

#B5B4A1 #EED4B9

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

#B5B4A1 - #EED4B9 | 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 #B5B4A1 as 0% and #EED4B9 as 100%.

0.0%	0.0% #B5B4A1	RGB 181 180 161	#B5B4A1
16.7%	16.7% #BEB9A5	RGB 190 185 165	#BEB9A5
33.3%	33.3% #C8BEA9	RGB 200 190 169	#C8BEA9
50.0%	50.0% #D1C4AD	RGB 209 196 173	#D1C4AD
66.7%	66.7% #DBC9B1	RGB 219 201 177	#DBC9B1
83.3%	83.3% #E4CEB5	RGB 228 206 181	#E4CEB5
100.0%	100.0% #EED4B9	RGB 238 212 185	#EED4B9

#B5B4A1 #BEB9A5 #C8BEA9 #D1C4AD #DBC9B1 #E4CEB5 #EED4B9

#B5B4A1 - #EED4B9

HSV Blend

#B5B4A1 - #EED4B9 | 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 #B5B4A1 as 0% and #EED4B9 as 100%.

0.0%	0.0% #B5B4A1	RGB 181 180 161	#B5B4A1
16.7%	16.7% #BEBBA5	RGB 190 187 165	#BEBBA5
33.3%	33.3% #C8C2AA	RGB 200 194 170	#C8C2AA
50.0%	50.0% #D1C8AE	RGB 209 200 174	#D1C8AE
66.7%	66.7% #DBCDB2	RGB 219 205 178	#DBCDB2
83.3%	83.3% #E4D1B5	RGB 228 209 181	#E4D1B5
100.0%	100.0% #EED4B9	RGB 238 212 185	#EED4B9

#B5B4A1 #BEBBA5 #C8C2AA #D1C8AE #DBCDB2 #E4D1B5 #EED4B9

#B5B4A1 - #D1C8AE - #EED4B9

CSS codes

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

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