#D4A1ED - #7D33B2 | 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 #D4A1ED to #7D33B2

#D4A1ED #7D33B2

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

#D4A1ED - #7D33B2 | 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 #D4A1ED as 0% and #7D33B2 as 100%.

0.0%	0.0% #D4A1ED	RGB 212 161 237	#D4A1ED
16.7%	16.7% #C58EE3	RGB 197 142 227	#C58EE3
33.3%	33.3% #B77CD9	RGB 183 124 217	#B77CD9
50.0%	50.0% #A86ACF	RGB 168 106 207	#A86ACF
66.7%	66.7% #9A57C5	RGB 154 87 197	#9A57C5
83.3%	83.3% #8B45BB	RGB 139 69 187	#8B45BB
100.0%	100.0% #7D33B2	RGB 125 51 178	#7D33B2

#D4A1ED #C58EE3 #B77CD9 #A86ACF #9A57C5 #8B45BB #7D33B2

#D4A1ED - #7D33B2

HSV Blend

#D4A1ED - #7D33B2 | 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 #D4A1ED as 0% and #7D33B2 as 100%.

0.0%	0.0% #D4A1ED	RGB 212 161 237	#D4A1ED
16.7%	16.7% #C58BE3	RGB 197 139 227	#C58BE3
33.3%	33.3% #B677D9	RGB 182 119 217	#B677D9
50.0%	50.0% #A764CF	RGB 167 100 207	#A764CF
66.7%	66.7% #9952C5	RGB 153 82 197	#9952C5
83.3%	83.3% #8A42BB	RGB 138 66 187	#8A42BB
100.0%	100.0% #7D33B2	RGB 125 51 178	#7D33B2

#D4A1ED #C58BE3 #B677D9 #A764CF #9952C5 #8A42BB #7D33B2

#D4A1ED - #A764CF - #7D33B2

CSS codes

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

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