#5E4C5C - #D370D5 | 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 #5E4C5C to #D370D5

#5E4C5C #D370D5

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

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

0.0%	0.0% #5E4C5C	RGB 94 76 92	#5E4C5C
16.7%	16.7% #715270	RGB 113 82 112	#715270
33.3%	33.3% #855884	RGB 133 88 132	#855884
50.0%	50.0% #985E98	RGB 152 94 152	#985E98
66.7%	66.7% #AC64AC	RGB 172 100 172	#AC64AC
83.3%	83.3% #BF6AC0	RGB 191 106 192	#BF6AC0
100.0%	100.0% #D370D5	RGB 211 112 213	#D370D5

#5E4C5C #715270 #855884 #985E98 #AC64AC #BF6AC0 #D370D5

#5E4C5C - #D370D5

HSV Blend

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

0.0%	0.0% #5E4C5C	RGB 94 76 92	#5E4C5C
16.7%	16.7% #71566F	RGB 113 86 111	#71566F
33.3%	33.3% #855F83	RGB 133 95 131	#855F83
50.0%	50.0% #996697	RGB 153 102 151	#996697
66.7%	66.7% #AD6BAB	RGB 173 107 171	#AD6BAB
83.3%	83.3% #C16EC1	RGB 193 110 193	#C16EC1
100.0%	100.0% #D370D5	RGB 211 112 213	#D370D5

#5E4C5C #71566F #855F83 #996697 #AD6BAB #C16EC1 #D370D5

#5E4C5C - #996697 - #D370D5

CSS codes

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

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