#5E326B - #D4767C | 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 #5E326B to #D4767C

#5E326B #D4767C

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

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

0.0%	0.0% #5E326B	RGB 94 50 107	#5E326B
16.7%	16.7% #713D6D	RGB 113 61 109	#713D6D
33.3%	33.3% #854870	RGB 133 72 112	#854870
50.0%	50.0% #995473	RGB 153 84 115	#995473
66.7%	66.7% #AC5F76	RGB 172 95 118	#AC5F76
83.3%	83.3% #C06A79	RGB 192 106 121	#C06A79
100.0%	100.0% #D4767C	RGB 212 118 124	#D4767C

#5E326B #713D6D #854870 #995473 #AC5F76 #C06A79 #D4767C

#5E326B - #D4767C

HSV Blend

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

0.0%	0.0% #5E326B	RGB 94 50 107	#5E326B
16.7%	16.7% #7A3C7C	RGB 122 60 124	#7A3C7C
33.3%	33.3% #8E4682	RGB 142 70 130	#8E4682
50.0%	50.0% #9F5183	RGB 159 81 131	#9F5183
66.7%	66.7% #B15D83	RGB 177 93 131	#B15D83
83.3%	83.3% #C26980	RGB 194 105 128	#C26980
100.0%	100.0% #D4767C	RGB 212 118 124	#D4767C

#5E326B #7A3C7C #8E4682 #9F5183 #B15D83 #C26980 #D4767C

#5E326B - #9F5183 - #D4767C

CSS codes

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

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