#E4A1FF - #BD2DCD | 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 #E4A1FF to #BD2DCD

#E4A1FF #BD2DCD

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

#E4A1FF - #BD2DCD | 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 #E4A1FF as 0% and #BD2DCD as 100%.

0.0%	0.0% #E4A1FF	RGB 228 161 255	#E4A1FF
16.7%	16.7% #DD8DF6	RGB 221 141 246	#DD8DF6
33.3%	33.3% #D77AEE	RGB 215 122 238	#D77AEE
50.0%	50.0% #D067E6	RGB 208 103 230	#D067E6
66.7%	66.7% #CA53DD	RGB 202 83 221	#CA53DD
83.3%	83.3% #C340D5	RGB 195 64 213	#C340D5
100.0%	100.0% #BD2DCD	RGB 189 45 205	#BD2DCD

#E4A1FF #DD8DF6 #D77AEE #D067E6 #CA53DD #C340D5 #BD2DCD

#E4A1FF - #BD2DCD

HSV Blend

#E4A1FF - #BD2DCD | 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 #E4A1FF as 0% and #BD2DCD as 100%.

0.0%	0.0% #E4A1FF	RGB 228 161 255	#E4A1FF
16.7%	16.7% #DB8AF6	RGB 219 138 246	#DB8AF6
33.3%	33.3% #D375EE	RGB 211 117 238	#D375EE
50.0%	50.0% #CC61E6	RGB 204 97 230	#CC61E6
66.7%	66.7% #C64FDD	RGB 198 79 221	#C64FDD
83.3%	83.3% #C13DD5	RGB 193 61 213	#C13DD5
100.0%	100.0% #BD2DCD	RGB 189 45 205	#BD2DCD

#E4A1FF #DB8AF6 #D375EE #CC61E6 #C64FDD #C13DD5 #BD2DCD

#E4A1FF - #CC61E6 - #BD2DCD

CSS codes

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

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