#6C5E63 - #977DB0 | 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 #6C5E63 to #977DB0

#6C5E63 #977DB0

Calculate the color between two colors, #6C5E63 and #977DB0. 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)

#6C5E63 - #977DB0 | 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 #6C5E63 as 0% and #977DB0 as 100%.

0.0%	0.0% #6C5E63	RGB 108 94 99	#6C5E63
16.7%	16.7% #73636F	RGB 115 99 111	#73636F
33.3%	33.3% #7A687C	RGB 122 104 124	#7A687C
50.0%	50.0% #816D89	RGB 129 109 137	#816D89
66.7%	66.7% #887296	RGB 136 114 150	#887296
83.3%	83.3% #8F77A3	RGB 143 119 163	#8F77A3
100.0%	100.0% #977DB0	RGB 151 125 176	#977DB0

#6C5E63 #73636F #7A687C #816D89 #887296 #8F77A3 #977DB0

#6C5E63 - #977DB0

HSV Blend

#6C5E63 - #977DB0 | 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 #6C5E63 as 0% and #977DB0 as 100%.

0.0%	0.0% #6C5E63	RGB 108 94 99	#6C5E63
16.7%	16.7% #77646E	RGB 119 100 110	#77646E
33.3%	33.3% #826A7C	RGB 130 106 124	#826A7C
50.0%	50.0% #8E708B	RGB 142 112 139	#8E708B
66.7%	66.7% #957599	RGB 149 117 153	#957599
83.3%	83.3% #9779A4	RGB 151 121 164	#9779A4
100.0%	100.0% #977DB0	RGB 151 125 176	#977DB0

#6C5E63 #77646E #826A7C #8E708B #957599 #9779A4 #977DB0

#6C5E63 - #8E708B - #977DB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5E63 0%, #8E708B 50%, #977DB0 100%);
    background: -webkit-linear-gradient(top, #6C5E63 0%, #8E708B 50%, #977DB0 100%);
    background: linear-gradient(to bottom, #6C5E63 0%, #8E708B 50%, #977DB0 100%);
}
</style>