#E4BCEC - #BD4FC3 | 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 #E4BCEC to #BD4FC3

#E4BCEC #BD4FC3

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

#E4BCEC - #BD4FC3 | 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 #E4BCEC as 0% and #BD4FC3 as 100%.

0.0%	0.0% #E4BCEC	RGB 228 188 236	#E4BCEC
16.7%	16.7% #DDA9E5	RGB 221 169 229	#DDA9E5
33.3%	33.3% #D797DE	RGB 215 151 222	#D797DE
50.0%	50.0% #D085D7	RGB 208 133 215	#D085D7
66.7%	66.7% #CA73D0	RGB 202 115 208	#CA73D0
83.3%	83.3% #C361C9	RGB 195 97 201	#C361C9
100.0%	100.0% #BD4FC3	RGB 189 79 195	#BD4FC3

#E4BCEC #DDA9E5 #D797DE #D085D7 #CA73D0 #C361C9 #BD4FC3

#E4BCEC - #BD4FC3

HSV Blend

#E4BCEC - #BD4FC3 | 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 #E4BCEC as 0% and #BD4FC3 as 100%.

0.0%	0.0% #E4BCEC	RGB 228 188 236	#E4BCEC
16.7%	16.7% #DCA7E5	RGB 220 167 229	#DCA7E5
33.3%	33.3% #D494DE	RGB 212 148 222	#D494DE
50.0%	50.0% #CE81D7	RGB 206 129 215	#CE81D7
66.7%	66.7% #C76FD0	RGB 199 111 208	#C76FD0
83.3%	83.3% #C25EC9	RGB 194 94 201	#C25EC9
100.0%	100.0% #BD4FC3	RGB 189 79 195	#BD4FC3

#E4BCEC #DCA7E5 #D494DE #CE81D7 #C76FD0 #C25EC9 #BD4FC3

#E4BCEC - #CE81D7 - #BD4FC3

CSS codes

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

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