#BB96C2 - #EBE1ED | 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 #BB96C2 to #EBE1ED

#BB96C2 #EBE1ED

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

#BB96C2 - #EBE1ED | 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 #BB96C2 as 0% and #EBE1ED as 100%.

0.0%	0.0% #BB96C2	RGB 187 150 194	#BB96C2
16.7%	16.7% #C3A2C9	RGB 195 162 201	#C3A2C9
33.3%	33.3% #CBAFD0	RGB 203 175 208	#CBAFD0
50.0%	50.0% #D3BBD7	RGB 211 187 215	#D3BBD7
66.7%	66.7% #DBC8DE	RGB 219 200 222	#DBC8DE
83.3%	83.3% #E3D4E5	RGB 227 212 229	#E3D4E5
100.0%	100.0% #EBE1ED	RGB 235 225 237	#EBE1ED

#BB96C2 #C3A2C9 #CBAFD0 #D3BBD7 #DBC8DE #E3D4E5 #EBE1ED

#BB96C2 - #EBE1ED

HSV Blend

#BB96C2 - #EBE1ED | 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 #BB96C2 as 0% and #EBE1ED as 100%.

0.0%	0.0% #BB96C2	RGB 187 150 194	#BB96C2
16.7%	16.7% #C2A1C9	RGB 194 161 201	#C2A1C9
33.3%	33.3% #CAADD0	RGB 202 173 208	#CAADD0
50.0%	50.0% #D2B9D7	RGB 210 185 215	#D2B9D7
66.7%	66.7% #DAC6DE	RGB 218 198 222	#DAC6DE
83.3%	83.3% #E2D3E5	RGB 226 211 229	#E2D3E5
100.0%	100.0% #EBE1ED	RGB 235 225 237	#EBE1ED

#BB96C2 #C2A1C9 #CAADD0 #D2B9D7 #DAC6DE #E2D3E5 #EBE1ED

#BB96C2 - #D2B9D7 - #EBE1ED

CSS codes

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

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