#5C3C5E - #DA7E6A | 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 #5C3C5E to #DA7E6A

#5C3C5E #DA7E6A

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

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

0.0%	0.0% #5C3C5E	RGB 92 60 94	#5C3C5E
16.7%	16.7% #714760	RGB 113 71 96	#714760
33.3%	33.3% #865262	RGB 134 82 98	#865262
50.0%	50.0% #9B5D64	RGB 155 93 100	#9B5D64
66.7%	66.7% #B06866	RGB 176 104 102	#B06866
83.3%	83.3% #C57368	RGB 197 115 104	#C57368
100.0%	100.0% #DA7E6A	RGB 218 126 106	#DA7E6A

#5C3C5E #714760 #865262 #9B5D64 #B06866 #C57368 #DA7E6A

#5C3C5E - #DA7E6A

HSV Blend

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

0.0%	0.0% #5C3C5E	RGB 92 60 94	#5C3C5E
16.7%	16.7% #72466C	RGB 114 70 108	#72466C
33.3%	33.3% #874F73	RGB 135 79 115	#874F73
50.0%	50.0% #9C5775	RGB 156 87 117	#9C5775
66.7%	66.7% #B05E71	RGB 176 94 113	#B05E71
83.3%	83.3% #C56467	RGB 197 100 103	#C56467
100.0%	100.0% #DA7E6A	RGB 218 126 106	#DA7E6A

#5C3C5E #72466C #874F73 #9C5775 #B05E71 #C56467 #DA7E6A

#5C3C5E - #9C5775 - #DA7E6A

CSS codes

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

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