#7E2DB6 - #DC85D0 | 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 #7E2DB6 to #DC85D0

#7E2DB6 #DC85D0

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

#7E2DB6 - #DC85D0 | 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 #7E2DB6 as 0% and #DC85D0 as 100%.

0.0%	0.0% #7E2DB6	RGB 126 45 182	#7E2DB6
16.7%	16.7% #8D3BBA	RGB 141 59 186	#8D3BBA
33.3%	33.3% #9D4ABE	RGB 157 74 190	#9D4ABE
50.0%	50.0% #AD59C3	RGB 173 89 195	#AD59C3
66.7%	66.7% #BC67C7	RGB 188 103 199	#BC67C7
83.3%	83.3% #CC76CB	RGB 204 118 203	#CC76CB
100.0%	100.0% #DC85D0	RGB 220 133 208	#DC85D0

#7E2DB6 #8D3BBA #9D4ABE #AD59C3 #BC67C7 #CC76CB #DC85D0

#7E2DB6 - #DC85D0

HSV Blend

#7E2DB6 - #DC85D0 | 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 #7E2DB6 as 0% and #DC85D0 as 100%.

0.0%	0.0% #7E2DB6	RGB 126 45 182	#7E2DB6
16.7%	16.7% #9239BC	RGB 146 57 188	#9239BC
33.3%	33.3% #A647C2	RGB 166 71 194	#A647C2
50.0%	50.0% #B955C9	RGB 185 85 201	#B955C9
66.7%	66.7% #CA64CF	RGB 202 100 207	#CA64CF
83.3%	83.3% #D574D1	RGB 213 116 209	#D574D1
100.0%	100.0% #DC85D0	RGB 220 133 208	#DC85D0

#7E2DB6 #9239BC #A647C2 #B955C9 #CA64CF #D574D1 #DC85D0

#7E2DB6 - #B955C9 - #DC85D0

CSS codes

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

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