#E2B5EB - #B65DB9 | 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 #E2B5EB to #B65DB9

#E2B5EB #B65DB9

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

#E2B5EB - #B65DB9 | 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 #E2B5EB as 0% and #B65DB9 as 100%.

0.0%	0.0% #E2B5EB	RGB 226 181 235	#E2B5EB
16.7%	16.7% #DAA6E2	RGB 218 166 226	#DAA6E2
33.3%	33.3% #D397DA	RGB 211 151 218	#D397DA
50.0%	50.0% #CC89D2	RGB 204 137 210	#CC89D2
66.7%	66.7% #C47AC9	RGB 196 122 201	#C47AC9
83.3%	83.3% #BD6BC1	RGB 189 107 193	#BD6BC1
100.0%	100.0% #B65DB9	RGB 182 93 185	#B65DB9

#E2B5EB #DAA6E2 #D397DA #CC89D2 #C47AC9 #BD6BC1 #B65DB9

#E2B5EB - #B65DB9

HSV Blend

#E2B5EB - #B65DB9 | 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 #E2B5EB as 0% and #B65DB9 as 100%.

0.0%	0.0% #E2B5EB	RGB 226 181 235	#E2B5EB
16.7%	16.7% #D9A4E2	RGB 217 164 226	#D9A4E2
33.3%	33.3% #D194DA	RGB 209 148 218	#D194DA
50.0%	50.0% #CA85D2	RGB 202 133 210	#CA85D2
66.7%	66.7% #C377C9	RGB 195 119 201	#C377C9
83.3%	83.3% #BC69C1	RGB 188 105 193	#BC69C1
100.0%	100.0% #B65DB9	RGB 182 93 185	#B65DB9

#E2B5EB #D9A4E2 #D194DA #CA85D2 #C377C9 #BC69C1 #B65DB9

#E2B5EB - #CA85D2 - #B65DB9

CSS codes

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

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