#E290F2 - #BD3CDA | 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 #E290F2 to #BD3CDA

#E290F2 #BD3CDA

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

#E290F2 - #BD3CDA | 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 #E290F2 as 0% and #BD3CDA as 100%.

0.0%	0.0% #E290F2	RGB 226 144 242	#E290F2
16.7%	16.7% #DB82EE	RGB 219 130 238	#DB82EE
33.3%	33.3% #D574EA	RGB 213 116 234	#D574EA
50.0%	50.0% #CF66E6	RGB 207 102 230	#CF66E6
66.7%	66.7% #C958E2	RGB 201 88 226	#C958E2
83.3%	83.3% #C34ADE	RGB 195 74 222	#C34ADE
100.0%	100.0% #BD3CDA	RGB 189 60 218	#BD3CDA

#E290F2 #DB82EE #D574EA #CF66E6 #C958E2 #C34ADE #BD3CDA

#E290F2 - #BD3CDA

HSV Blend

#E290F2 - #BD3CDA | 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 #E290F2 as 0% and #BD3CDA as 100%.

0.0%	0.0% #E290F2	RGB 226 144 242	#E290F2
16.7%	16.7% #DB80EE	RGB 219 128 238	#DB80EE
33.3%	33.3% #D572EA	RGB 213 114 234	#D572EA
50.0%	50.0% #CF64E6	RGB 207 100 230	#CF64E6
66.7%	66.7% #C956E2	RGB 201 86 226	#C956E2
83.3%	83.3% #C348DE	RGB 195 72 222	#C348DE
100.0%	100.0% #BD3CDA	RGB 189 60 218	#BD3CDA

#E290F2 #DB80EE #D572EA #CF64E6 #C956E2 #C348DE #BD3CDA

#E290F2 - #CF64E6 - #BD3CDA

CSS codes

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

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