#6B6E5E - #AE7E98 | 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 #6B6E5E to #AE7E98

#6B6E5E #AE7E98

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

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

0.0%	0.0% #6B6E5E	RGB 107 110 94	#6B6E5E
16.7%	16.7% #767067	RGB 118 112 103	#767067
33.3%	33.3% #817371	RGB 129 115 113	#817371
50.0%	50.0% #8C767B	RGB 140 118 123	#8C767B
66.7%	66.7% #977884	RGB 151 120 132	#977884
83.3%	83.3% #A27B8E	RGB 162 123 142	#A27B8E
100.0%	100.0% #AE7E98	RGB 174 126 152	#AE7E98

#6B6E5E #767067 #817371 #8C767B #977884 #A27B8E #AE7E98

#6B6E5E - #AE7E98

HSV Blend

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

0.0%	0.0% #6B6E5E	RGB 107 110 94	#6B6E5E
16.7%	16.7% #787664	RGB 120 118 100	#787664
33.3%	33.3% #83796A	RGB 131 121 106	#83796A
50.0%	50.0% #8E7970	RGB 142 121 112	#8E7970
66.7%	66.7% #987675	RGB 152 118 117	#987675
83.3%	83.3% #A37984	RGB 163 121 132	#A37984
100.0%	100.0% #AE7E98	RGB 174 126 152	#AE7E98

#6B6E5E #787664 #83796A #8E7970 #987675 #A37984 #AE7E98

#6B6E5E - #8E7970 - #AE7E98

CSS codes

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

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