#5C5E5C - #A67AB5 | 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 #5C5E5C to #A67AB5

#5C5E5C #A67AB5

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

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

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #68626A	RGB 104 98 106	#68626A
33.3%	33.3% #746779	RGB 116 103 121	#746779
50.0%	50.0% #816C88	RGB 129 108 136	#816C88
66.7%	66.7% #8D7097	RGB 141 112 151	#8D7097
83.3%	83.3% #9975A6	RGB 153 117 166	#9975A6
100.0%	100.0% #A67AB5	RGB 166 122 181	#A67AB5

#5C5E5C #68626A #746779 #816C88 #8D7097 #9975A6 #A67AB5

#5C5E5C - #A67AB5

HSV Blend

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

0.0%	0.0% #5C5E5C	RGB 92 94 92	#5C5E5C
16.7%	16.7% #646C68	RGB 100 108 104	#646C68
33.3%	33.3% #6B7B79	RGB 107 123 121	#6B7B79
50.0%	50.0% #718089	RGB 113 128 137	#718089
66.7%	66.7% #757B98	RGB 117 123 152	#757B98
83.3%	83.3% #8578A6	RGB 133 120 166	#8578A6
100.0%	100.0% #A67AB5	RGB 166 122 181	#A67AB5

#5C5E5C #646C68 #6B7B79 #718089 #757B98 #8578A6 #A67AB5

#5C5E5C - #718089 - #A67AB5

CSS codes

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

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