#DB7FE9 - #3E2442 | 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 #DB7FE9 to #3E2442

#DB7FE9 #3E2442

Calculate the color between two colors, #DB7FE9 and #3E2442. 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)

#DB7FE9 - #3E2442 | 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 #DB7FE9 as 0% and #3E2442 as 100%.

0.0%	0.0% #DB7FE9	RGB 219 127 233	#DB7FE9
16.7%	16.7% #C06FCD	RGB 192 111 205	#C06FCD
33.3%	33.3% #A660B1	RGB 166 96 177	#A660B1
50.0%	50.0% #8C5195	RGB 140 81 149	#8C5195
66.7%	66.7% #724279	RGB 114 66 121	#724279
83.3%	83.3% #58335D	RGB 88 51 93	#58335D
100.0%	100.0% #3E2442	RGB 62 36 66	#3E2442

#DB7FE9 #C06FCD #A660B1 #8C5195 #724279 #58335D #3E2442

#DB7FE9 - #3E2442

HSV Blend

#DB7FE9 - #3E2442 | 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 #DB7FE9 as 0% and #3E2442 as 100%.

0.0%	0.0% #DB7FE9	RGB 219 127 233	#DB7FE9
16.7%	16.7% #C06FCD	RGB 192 111 205	#C06FCD
33.3%	33.3% #A660B1	RGB 166 96 177	#A660B1
50.0%	50.0% #8C5195	RGB 140 81 149	#8C5195
66.7%	66.7% #724279	RGB 114 66 121	#724279
83.3%	83.3% #58335D	RGB 88 51 93	#58335D
100.0%	100.0% #3E2442	RGB 62 36 66	#3E2442

#DB7FE9 #C06FCD #A660B1 #8C5195 #724279 #58335D #3E2442

#DB7FE9 - #8C5195 - #3E2442

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB7FE9 0%, #8C5195 50%, #3E2442 100%);
    background: -webkit-linear-gradient(top, #DB7FE9 0%, #8C5195 50%, #3E2442 100%);
    background: linear-gradient(to bottom, #DB7FE9 0%, #8C5195 50%, #3E2442 100%);
}
</style>