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

#BB99C2 #EBE1ED

Calculate the color between two colors, #BB99C2 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)

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

0.0%	0.0% #BB99C2	RGB 187 153 194	#BB99C2
16.7%	16.7% #C3A5C9	RGB 195 165 201	#C3A5C9
33.3%	33.3% #CBB1D0	RGB 203 177 208	#CBB1D0
50.0%	50.0% #D3BDD7	RGB 211 189 215	#D3BDD7
66.7%	66.7% #DBC9DE	RGB 219 201 222	#DBC9DE
83.3%	83.3% #E3D5E5	RGB 227 213 229	#E3D5E5
100.0%	100.0% #EBE1ED	RGB 235 225 237	#EBE1ED

#BB99C2 #C3A5C9 #CBB1D0 #D3BDD7 #DBC9DE #E3D5E5 #EBE1ED

#BB99C2 - #EBE1ED

HSV Blend

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

0.0%	0.0% #BB99C2	RGB 187 153 194	#BB99C2
16.7%	16.7% #C2A4C9	RGB 194 164 201	#C2A4C9
33.3%	33.3% #CAAFD0	RGB 202 175 208	#CAAFD0
50.0%	50.0% #D2BBD7	RGB 210 187 215	#D2BBD7
66.7%	66.7% #DAC7DE	RGB 218 199 222	#DAC7DE
83.3%	83.3% #E2D4E5	RGB 226 212 229	#E2D4E5
100.0%	100.0% #EBE1ED	RGB 235 225 237	#EBE1ED

#BB99C2 #C2A4C9 #CAAFD0 #D2BBD7 #DAC7DE #E2D4E5 #EBE1ED

#BB99C2 - #D2BBD7 - #EBE1ED

CSS codes

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

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