#5C5C7E - #AD9D9A | 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 #5C5C7E to #AD9D9A

#5C5C7E #AD9D9A

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

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

0.0%	0.0% #5C5C7E	RGB 92 92 126	#5C5C7E
16.7%	16.7% #696682	RGB 105 102 130	#696682
33.3%	33.3% #777187	RGB 119 113 135	#777187
50.0%	50.0% #847C8C	RGB 132 124 140	#847C8C
66.7%	66.7% #928790	RGB 146 135 144	#928790
83.3%	83.3% #9F9295	RGB 159 146 149	#9F9295
100.0%	100.0% #AD9D9A	RGB 173 157 154	#AD9D9A

#5C5C7E #696682 #777187 #847C8C #928790 #9F9295 #AD9D9A

#5C5C7E - #AD9D9A

HSV Blend

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

0.0%	0.0% #5C5C7E	RGB 92 92 126	#5C5C7E
16.7%	16.7% #706585	RGB 112 101 133	#706585
33.3%	33.3% #856E8D	RGB 133 110 141	#856E8D
50.0%	50.0% #957993	RGB 149 121 147	#957993
66.7%	66.7% #9D8392	RGB 157 131 146	#9D8392
83.3%	83.3% #A58E93	RGB 165 142 147	#A58E93
100.0%	100.0% #AD9D9A	RGB 173 157 154	#AD9D9A

#5C5C7E #706585 #856E8D #957993 #9D8392 #A58E93 #AD9D9A

#5C5C7E - #957993 - #AD9D9A

CSS codes

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

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