#EBDCED - #BB91C0 | 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 #EBDCED to #BB91C0

#EBDCED #BB91C0

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

#EBDCED - #BB91C0 | 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 #EBDCED as 0% and #BB91C0 as 100%.

0.0%	0.0% #EBDCED	RGB 235 220 237	#EBDCED
16.7%	16.7% #E3CFE5	RGB 227 207 229	#E3CFE5
33.3%	33.3% #DBC3DE	RGB 219 195 222	#DBC3DE
50.0%	50.0% #D3B6D6	RGB 211 182 214	#D3B6D6
66.7%	66.7% #CBAACF	RGB 203 170 207	#CBAACF
83.3%	83.3% #C39DC7	RGB 195 157 199	#C39DC7
100.0%	100.0% #BB91C0	RGB 187 145 192	#BB91C0

#EBDCED #E3CFE5 #DBC3DE #D3B6D6 #CBAACF #C39DC7 #BB91C0

#EBDCED - #BB91C0

HSV Blend

#EBDCED - #BB91C0 | 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 #EBDCED as 0% and #BB91C0 as 100%.

0.0%	0.0% #EBDCED	RGB 235 220 237	#EBDCED
16.7%	16.7% #E2CEE5	RGB 226 206 229	#E2CEE5
33.3%	33.3% #DAC1DE	RGB 218 193 222	#DAC1DE
50.0%	50.0% #D2B4D6	RGB 210 180 214	#D2B4D6
66.7%	66.7% #CAA8CF	RGB 202 168 207	#CAA8CF
83.3%	83.3% #C29CC7	RGB 194 156 199	#C29CC7
100.0%	100.0% #BB91C0	RGB 187 145 192	#BB91C0

#EBDCED #E2CEE5 #DAC1DE #D2B4D6 #CAA8CF #C29CC7 #BB91C0

#EBDCED - #D2B4D6 - #BB91C0

CSS codes

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

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