#5E3C55 - #D55DD2 | 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 #5E3C55 to #D55DD2

#5E3C55 #D55DD2

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

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

0.0%	0.0% #5E3C55	RGB 94 60 85	#5E3C55
16.7%	16.7% #714169	RGB 113 65 105	#714169
33.3%	33.3% #85477E	RGB 133 71 126	#85477E
50.0%	50.0% #994C93	RGB 153 76 147	#994C93
66.7%	66.7% #AD52A8	RGB 173 82 168	#AD52A8
83.3%	83.3% #C157BD	RGB 193 87 189	#C157BD
100.0%	100.0% #D55DD2	RGB 213 93 210	#D55DD2

#5E3C55 #714169 #85477E #994C93 #AD52A8 #C157BD #D55DD2

#5E3C55 - #D55DD2

HSV Blend

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

0.0%	0.0% #5E3C54	RGB 94 60 84	#5E3C54
16.7%	16.7% #714467	RGB 113 68 103	#714467
33.3%	33.3% #854C7B	RGB 133 76 123	#854C7B
50.0%	50.0% #99528F	RGB 153 82 143	#99528F
66.7%	66.7% #AD57A4	RGB 173 87 164	#AD57A4
83.3%	83.3% #C15ABA	RGB 193 90 186	#C15ABA
100.0%	100.0% #D55DD2	RGB 213 93 210	#D55DD2

#5E3C54 #714467 #854C7B #99528F #AD57A4 #C15ABA #D55DD2

#5E3C55 - #99528F - #D55DD2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C54 0%, #99528F 50%, #D55DD2 100%);
    background: -webkit-linear-gradient(top, #5E3C54 0%, #99528F 50%, #D55DD2 100%);
    background: linear-gradient(to bottom, #5E3C54 0%, #99528F 50%, #D55DD2 100%);
}
</style>