#8332A8 - #DCC4E6 | 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 #8332A8 to #DCC4E6

#8332A8 #DCC4E6

Calculate the color between two colors, #8332A8 and #DCC4E6. 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)

#8332A8 - #DCC4E6 | 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 #8332A8 as 0% and #DCC4E6 as 100%.

0.0%	0.0% #8332A8	RGB 131 50 168	#8332A8
16.7%	16.7% #914AB2	RGB 145 74 178	#914AB2
33.3%	33.3% #A062BC	RGB 160 98 188	#A062BC
50.0%	50.0% #AF7BC7	RGB 175 123 199	#AF7BC7
66.7%	66.7% #BE93D1	RGB 190 147 209	#BE93D1
83.3%	83.3% #CDABDB	RGB 205 171 219	#CDABDB
100.0%	100.0% #DCC4E6	RGB 220 196 230	#DCC4E6

#8332A8 #914AB2 #A062BC #AF7BC7 #BE93D1 #CDABDB #DCC4E6

#8332A8 - #DCC4E6

HSV Blend

#8332A8 - #DCC4E6 | 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 #8332A8 as 0% and #DCC4E6 as 100%.

0.0%	0.0% #8332A8	RGB 131 50 168	#8332A8
16.7%	16.7% #9045B2	RGB 144 69 178	#9045B2
33.3%	33.3% #9E5BBC	RGB 158 91 188	#9E5BBC
50.0%	50.0% #AD72C7	RGB 173 114 199	#AD72C7
66.7%	66.7% #BC8BD1	RGB 188 139 209	#BC8BD1
83.3%	83.3% #CBA6DB	RGB 203 166 219	#CBA6DB
100.0%	100.0% #DCC4E6	RGB 220 196 230	#DCC4E6

#8332A8 #9045B2 #9E5BBC #AD72C7 #BC8BD1 #CBA6DB #DCC4E6

#8332A8 - #AD72C7 - #DCC4E6

CSS codes

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

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