#B9968D - #EBE1DE | 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 #B9968D to #EBE1DE

#B9968D #EBE1DE

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

#B9968D - #EBE1DE | 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 #B9968D as 0% and #EBE1DE as 100%.

0.0%	0.0% #B9968D	RGB 185 150 141	#B9968D
16.7%	16.7% #C1A29A	RGB 193 162 154	#C1A29A
33.3%	33.3% #C9AFA8	RGB 201 175 168	#C9AFA8
50.0%	50.0% #D2BBB5	RGB 210 187 181	#D2BBB5
66.7%	66.7% #DAC8C3	RGB 218 200 195	#DAC8C3
83.3%	83.3% #E2D4D0	RGB 226 212 208	#E2D4D0
100.0%	100.0% #EBE1DE	RGB 235 225 222	#EBE1DE

#B9968D #C1A29A #C9AFA8 #D2BBB5 #DAC8C3 #E2D4D0 #EBE1DE

#B9968D - #EBE1DE

HSV Blend

#B9968D - #EBE1DE | 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 #B9968D as 0% and #EBE1DE as 100%.

0.0%	0.0% #B9968D	RGB 185 150 141	#B9968D
16.7%	16.7% #C1A199	RGB 193 161 153	#C1A199
33.3%	33.3% #C9ADA5	RGB 201 173 165	#C9ADA5
50.0%	50.0% #D2B9B3	RGB 210 185 179	#D2B9B3
66.7%	66.7% #DAC6C0	RGB 218 198 192	#DAC6C0
83.3%	83.3% #E2D3CF	RGB 226 211 207	#E2D3CF
100.0%	100.0% #EBE1DE	RGB 235 225 222	#EBE1DE

#B9968D #C1A199 #C9ADA5 #D2B9B3 #DAC6C0 #E2D3CF #EBE1DE

#B9968D - #D2B9B3 - #EBE1DE

CSS codes

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

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