#EADEED - #BB91CD | 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 #EADEED to #BB91CD

#EADEED #BB91CD

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

#EADEED - #BB91CD | 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 #EADEED as 0% and #BB91CD as 100%.

0.0%	0.0% #EADEED	RGB 234 222 237	#EADEED
16.7%	16.7% #E2D1E7	RGB 226 209 231	#E2D1E7
33.3%	33.3% #DAC4E2	RGB 218 196 226	#DAC4E2
50.0%	50.0% #D2B7DD	RGB 210 183 221	#D2B7DD
66.7%	66.7% #CAAAD7	RGB 202 170 215	#CAAAD7
83.3%	83.3% #C29DD2	RGB 194 157 210	#C29DD2
100.0%	100.0% #BB91CD	RGB 187 145 205	#BB91CD

#EADEED #E2D1E7 #DAC4E2 #D2B7DD #CAAAD7 #C29DD2 #BB91CD

#EADEED - #BB91CD

HSV Blend

#EADEED - #BB91CD | 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 #EADEED as 0% and #BB91CD as 100%.

0.0%	0.0% #EADEED	RGB 234 222 237	#EADEED
16.7%	16.7% #E2D0E7	RGB 226 208 231	#E2D0E7
33.3%	33.3% #DAC2E2	RGB 218 194 226	#DAC2E2
50.0%	50.0% #D3B5DD	RGB 211 181 221	#D3B5DD
66.7%	66.7% #CBA9D7	RGB 203 169 215	#CBA9D7
83.3%	83.3% #C39CD2	RGB 195 156 210	#C39CD2
100.0%	100.0% #BB91CD	RGB 187 145 205	#BB91CD

#EADEED #E2D0E7 #DAC2E2 #D3B5DD #CBA9D7 #C39CD2 #BB91CD

#EADEED - #D3B5DD - #BB91CD

CSS codes

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

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