#BB8C9C - #EBDEE2 | 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 #BB8C9C to #EBDEE2

#BB8C9C #EBDEE2

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

#BB8C9C - #EBDEE2 | 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 #BB8C9C as 0% and #EBDEE2 as 100%.

0.0%	0.0% #BB8C9C	RGB 187 140 156	#BB8C9C
16.7%	16.7% #C399A7	RGB 195 153 167	#C399A7
33.3%	33.3% #CBA7B3	RGB 203 167 179	#CBA7B3
50.0%	50.0% #D3B5BF	RGB 211 181 191	#D3B5BF
66.7%	66.7% #DBC2CA	RGB 219 194 202	#DBC2CA
83.3%	83.3% #E3D0D6	RGB 227 208 214	#E3D0D6
100.0%	100.0% #EBDEE2	RGB 235 222 226	#EBDEE2

#BB8C9C #C399A7 #CBA7B3 #D3B5BF #DBC2CA #E3D0D6 #EBDEE2

#BB8C9C - #EBDEE2

HSV Blend

#BB8C9C - #EBDEE2 | 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 #BB8C9C as 0% and #EBDEE2 as 100%.

0.0%	0.0% #BB8C9C	RGB 187 140 156	#BB8C9C
16.7%	16.7% #C398A6	RGB 195 152 166	#C398A6
33.3%	33.3% #CBA5B1	RGB 203 165 177	#CBA5B1
50.0%	50.0% #D3B2BD	RGB 211 178 189	#D3B2BD
66.7%	66.7% #DBC0C8	RGB 219 192 200	#DBC0C8
83.3%	83.3% #E3CFD5	RGB 227 207 213	#E3CFD5
100.0%	100.0% #EBDEE2	RGB 235 222 226	#EBDEE2

#BB8C9C #C398A6 #CBA5B1 #D3B2BD #DBC0C8 #E3CFD5 #EBDEE2

#BB8C9C - #D3B2BD - #EBDEE2

CSS codes

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

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