#6C5F5E - #AF7DB0 | 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 #6C5F5E to #AF7DB0

#6C5F5E #AF7DB0

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

#6C5F5E - #AF7DB0 | 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 #6C5F5E as 0% and #AF7DB0 as 100%.

0.0%	0.0% #6C5F5E	RGB 108 95 94	#6C5F5E
16.7%	16.7% #77646B	RGB 119 100 107	#77646B
33.3%	33.3% #826979	RGB 130 105 121	#826979
50.0%	50.0% #8D6E87	RGB 141 110 135	#8D6E87
66.7%	66.7% #987394	RGB 152 115 148	#987394
83.3%	83.3% #A378A2	RGB 163 120 162	#A378A2
100.0%	100.0% #AF7DB0	RGB 175 125 176	#AF7DB0

#6C5F5E #77646B #826979 #8D6E87 #987394 #A378A2 #AF7DB0

#6C5F5E - #AF7DB0

HSV Blend

#6C5F5E - #AF7DB0 | 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 #6C5F5E as 0% and #AF7DB0 as 100%.

0.0%	0.0% #6C5F5E	RGB 108 95 94	#6C5F5E
16.7%	16.7% #776466	RGB 119 100 102	#776466
33.3%	33.3% #826A71	RGB 130 106 113	#826A71
50.0%	50.0% #8E707E	RGB 142 112 126	#8E707E
66.7%	66.7% #99758C	RGB 153 117 140	#99758C
83.3%	83.3% #A4799D	RGB 164 121 157	#A4799D
100.0%	100.0% #AF7DB0	RGB 175 125 176	#AF7DB0

#6C5F5E #776466 #826A71 #8E707E #99758C #A4799D #AF7DB0

#6C5F5E - #8E707E - #AF7DB0

CSS codes

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

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