#5E2F47 - #DB4DCD | 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 #5E2F47 to #DB4DCD

#5E2F47 #DB4DCD

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

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

0.0%	0.0% #5E2F47	RGB 94 47 71	#5E2F47
16.7%	16.7% #72345D	RGB 114 52 93	#72345D
33.3%	33.3% #873973	RGB 135 57 115	#873973
50.0%	50.0% #9C3E8A	RGB 156 62 138	#9C3E8A
66.7%	66.7% #B143A0	RGB 177 67 160	#B143A0
83.3%	83.3% #C648B6	RGB 198 72 182	#C648B6
100.0%	100.0% #DB4DCD	RGB 219 77 205	#DB4DCD

#5E2F47 #72345D #873973 #9C3E8A #B143A0 #C648B6 #DB4DCD

#5E2F47 - #DB4DCD

HSV Blend

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

0.0%	0.0% #5E2F46	RGB 94 47 70	#5E2F46
16.7%	16.7% #723659	RGB 114 54 89	#723659
33.3%	33.3% #873D6C	RGB 135 61 108	#873D6C
50.0%	50.0% #9C4282	RGB 156 66 130	#9C4282
66.7%	66.7% #B14799	RGB 177 71 153	#B14799
83.3%	83.3% #C64AB1	RGB 198 74 177	#C64AB1
100.0%	100.0% #DB4DCD	RGB 219 77 205	#DB4DCD

#5E2F46 #723659 #873D6C #9C4282 #B14799 #C64AB1 #DB4DCD

#5E2F47 - #9C4282 - #DB4DCD

CSS codes

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

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