#B5B5A1 - #EED4B8 | 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 #B5B5A1 to #EED4B8

#B5B5A1 #EED4B8

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

#B5B5A1 - #EED4B8 | 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 #B5B5A1 as 0% and #EED4B8 as 100%.

0.0%	0.0% #B5B5A1	RGB 181 181 161	#B5B5A1
16.7%	16.7% #BEBAA4	RGB 190 186 164	#BEBAA4
33.3%	33.3% #C8BFA8	RGB 200 191 168	#C8BFA8
50.0%	50.0% #D1C4AC	RGB 209 196 172	#D1C4AC
66.7%	66.7% #DBC9B0	RGB 219 201 176	#DBC9B0
83.3%	83.3% #E4CEB4	RGB 228 206 180	#E4CEB4
100.0%	100.0% #EED4B8	RGB 238 212 184	#EED4B8

#B5B5A1 #BEBAA4 #C8BFA8 #D1C4AC #DBC9B0 #E4CEB4 #EED4B8

#B5B5A1 - #EED4B8

HSV Blend

#B5B5A1 - #EED4B8 | 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 #B5B5A1 as 0% and #EED4B8 as 100%.

0.0%	0.0% #B5B5A1	RGB 181 181 161	#B5B5A1
16.7%	16.7% #BEBCA5	RGB 190 188 165	#BEBCA5
33.3%	33.3% #C8C3AA	RGB 200 195 170	#C8C3AA
50.0%	50.0% #D1C8AE	RGB 209 200 174	#D1C8AE
66.7%	66.7% #DBCDB1	RGB 219 205 177	#DBCDB1
83.3%	83.3% #E4D1B5	RGB 228 209 181	#E4D1B5
100.0%	100.0% #EED4B8	RGB 238 212 184	#EED4B8

#B5B5A1 #BEBCA5 #C8C3AA #D1C8AE #DBCDB1 #E4D1B5 #EED4B8

#B5B5A1 - #D1C8AE - #EED4B8

CSS codes

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

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