#B9969F - #EBE1E3 | 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 #B9969F to #EBE1E3

#B9969F #EBE1E3

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

#B9969F - #EBE1E3 | 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 #B9969F as 0% and #EBE1E3 as 100%.

0.0%	0.0% #B9969F	RGB 185 150 159	#B9969F
16.7%	16.7% #C1A2AA	RGB 193 162 170	#C1A2AA
33.3%	33.3% #C9AFB5	RGB 201 175 181	#C9AFB5
50.0%	50.0% #D2BBC1	RGB 210 187 193	#D2BBC1
66.7%	66.7% #DAC8CC	RGB 218 200 204	#DAC8CC
83.3%	83.3% #E2D4D7	RGB 226 212 215	#E2D4D7
100.0%	100.0% #EBE1E3	RGB 235 225 227	#EBE1E3

#B9969F #C1A2AA #C9AFB5 #D2BBC1 #DAC8CC #E2D4D7 #EBE1E3

#B9969F - #EBE1E3

HSV Blend

#B9969F - #EBE1E3 | 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 #B9969F as 0% and #EBE1E3 as 100%.

0.0%	0.0% #B9969F	RGB 185 150 159	#B9969F
16.7%	16.7% #C1A1A9	RGB 193 161 169	#C1A1A9
33.3%	33.3% #C9ADB4	RGB 201 173 180	#C9ADB4
50.0%	50.0% #D2B9BF	RGB 210 185 191	#D2B9BF
66.7%	66.7% #DAC6CA	RGB 218 198 202	#DAC6CA
83.3%	83.3% #E2D3D6	RGB 226 211 214	#E2D3D6
100.0%	100.0% #EBE1E3	RGB 235 225 227	#EBE1E3

#B9969F #C1A1A9 #C9ADB4 #D2B9BF #DAC6CA #E2D3D6 #EBE1E3

#B9969F - #D2B9BF - #EBE1E3

CSS codes

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

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