#5E3348 - #DB50CE | 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 #5E3348 to #DB50CE

#5E3348 #DB50CE

Calculate the color between two colors, #5E3348 and #DB50CE. 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)

#5E3348 - #DB50CE | 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 #5E3348 as 0% and #DB50CE as 100%.

0.0%	0.0% #5E3348	RGB 94 51 72	#5E3348
16.7%	16.7% #72375E	RGB 114 55 94	#72375E
33.3%	33.3% #873C74	RGB 135 60 116	#873C74
50.0%	50.0% #9C418B	RGB 156 65 139	#9C418B
66.7%	66.7% #B146A1	RGB 177 70 161	#B146A1
83.3%	83.3% #C64BB7	RGB 198 75 183	#C64BB7
100.0%	100.0% #DB50CE	RGB 219 80 206	#DB50CE

#5E3348 #72375E #873C74 #9C418B #B146A1 #C64BB7 #DB50CE

#5E3348 - #DB50CE

HSV Blend

#5E3348 - #DB50CE | 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 #5E3348 as 0% and #DB50CE as 100%.

0.0%	0.0% #5E3347	RGB 94 51 71	#5E3347
16.7%	16.7% #723A5A	RGB 114 58 90	#723A5A
33.3%	33.3% #87416D	RGB 135 65 109	#87416D
50.0%	50.0% #9C4782	RGB 156 71 130	#9C4782
66.7%	66.7% #B14B99	RGB 177 75 153	#B14B99
83.3%	83.3% #C64EB2	RGB 198 78 178	#C64EB2
100.0%	100.0% #DB50CE	RGB 219 80 206	#DB50CE

#5E3347 #723A5A #87416D #9C4782 #B14B99 #C64EB2 #DB50CE

#5E3348 - #9C4782 - #DB50CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3347 0%, #9C4782 50%, #DB50CE 100%);
    background: -webkit-linear-gradient(top, #5E3347 0%, #9C4782 50%, #DB50CE 100%);
    background: linear-gradient(to bottom, #5E3347 0%, #9C4782 50%, #DB50CE 100%);
}
</style>