#8A34AF - #DDC5E8 | 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 #8A34AF to #DDC5E8

#8A34AF #DDC5E8

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

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

0.0%	0.0% #8A34AF	RGB 138 52 175	#8A34AF
16.7%	16.7% #974CB8	RGB 151 76 184	#974CB8
33.3%	33.3% #A564C2	RGB 165 100 194	#A564C2
50.0%	50.0% #B37CCB	RGB 179 124 203	#B37CCB
66.7%	66.7% #C194D5	RGB 193 148 213	#C194D5
83.3%	83.3% #CFACDE	RGB 207 172 222	#CFACDE
100.0%	100.0% #DDC5E8	RGB 221 197 232	#DDC5E8

#8A34AF #974CB8 #A564C2 #B37CCB #C194D5 #CFACDE #DDC5E8

#8A34AF - #DDC5E8

HSV Blend

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

0.0%	0.0% #8934AF	RGB 137 52 175	#8934AF
16.7%	16.7% #9647B8	RGB 150 71 184	#9647B8
33.3%	33.3% #A35DC2	RGB 163 93 194	#A35DC2
50.0%	50.0% #B074CB	RGB 176 116 203	#B074CB
66.7%	66.7% #BE8DD5	RGB 190 141 213	#BE8DD5
83.3%	83.3% #CDA8DE	RGB 205 168 222	#CDA8DE
100.0%	100.0% #DDC5E8	RGB 221 197 232	#DDC5E8

#8934AF #9647B8 #A35DC2 #B074CB #BE8DD5 #CDA8DE #DDC5E8

#8A34AF - #B074CB - #DDC5E8

CSS codes

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

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