#8A2BE2 - #DDC2F6 | 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 #8A2BE2 to #DDC2F6

#8A2BE2 #DDC2F6

Calculate the color between two colors, #8A2BE2 and #DDC2F6. 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)

#8A2BE2 - #DDC2F6 | 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 #8A2BE2 as 0% and #DDC2F6 as 100%.

0.0%	0.0% #8A2BE2	RGB 138 43 226	#8A2BE2
16.7%	16.7% #9744E5	RGB 151 68 229	#9744E5
33.3%	33.3% #A55DE8	RGB 165 93 232	#A55DE8
50.0%	50.0% #B376EC	RGB 179 118 236	#B376EC
66.7%	66.7% #C18FEF	RGB 193 143 239	#C18FEF
83.3%	83.3% #CFA8F2	RGB 207 168 242	#CFA8F2
100.0%	100.0% #DDC2F6	RGB 221 194 246	#DDC2F6

#8A2BE2 #9744E5 #A55DE8 #B376EC #C18FEF #CFA8F2 #DDC2F6

#8A2BE2 - #DDC2F6

HSV Blend

#8A2BE2 - #DDC2F6 | 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 #8A2BE2 as 0% and #DDC2F6 as 100%.

0.0%	0.0% #892BE2	RGB 137 43 226	#892BE2
16.7%	16.7% #9742E5	RGB 151 66 229	#9742E5
33.3%	33.3% #A45AE8	RGB 164 90 232	#A45AE8
50.0%	50.0% #B273EC	RGB 178 115 236	#B273EC
66.7%	66.7% #C08DEF	RGB 192 141 239	#C08DEF
83.3%	83.3% #CEA7F2	RGB 206 167 242	#CEA7F2
100.0%	100.0% #DDC2F6	RGB 221 194 246	#DDC2F6

#892BE2 #9742E5 #A45AE8 #B273EC #C08DEF #CEA7F2 #DDC2F6

#8A2BE2 - #B273EC - #DDC2F6

CSS codes

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

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