#B1806B - #E8DAD4 | 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 #B1806B to #E8DAD4

#B1806B #E8DAD4

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

#B1806B - #E8DAD4 | 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 #B1806B as 0% and #E8DAD4 as 100%.

0.0%	0.0% #B1806B	RGB 177 128 107	#B1806B
16.7%	16.7% #BA8F7C	RGB 186 143 124	#BA8F7C
33.3%	33.3% #C39E8E	RGB 195 158 142	#C39E8E
50.0%	50.0% #CCAD9F	RGB 204 173 159	#CCAD9F
66.7%	66.7% #D5BCB1	RGB 213 188 177	#D5BCB1
83.3%	83.3% #DECBC2	RGB 222 203 194	#DECBC2
100.0%	100.0% #E8DAD4	RGB 232 218 212	#E8DAD4

#B1806B #BA8F7C #C39E8E #CCAD9F #D5BCB1 #DECBC2 #E8DAD4

#B1806B - #E8DAD4

HSV Blend

#B1806B - #E8DAD4 | 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 #B1806B as 0% and #E8DAD4 as 100%.

0.0%	0.0% #B1806B	RGB 177 128 107	#B1806B
16.7%	16.7% #BA8D7A	RGB 186 141 122	#BA8D7A
33.3%	33.3% #C39B8A	RGB 195 155 138	#C39B8A
50.0%	50.0% #CCAA9B	RGB 204 170 155	#CCAA9B
66.7%	66.7% #D5B9AD	RGB 213 185 173	#D5B9AD
83.3%	83.3% #DEC9C0	RGB 222 201 192	#DEC9C0
100.0%	100.0% #E8DAD4	RGB 232 218 212	#E8DAD4

#B1806B #BA8D7A #C39B8A #CCAA9B #D5B9AD #DEC9C0 #E8DAD4

#B1806B - #CCAA9B - #E8DAD4

CSS codes

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

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