#6E6B5E - #B17D90 | 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 #6E6B5E to #B17D90

#6E6B5E #B17D90

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

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

0.0%	0.0% #6E6B5E	RGB 110 107 94	#6E6B5E
16.7%	16.7% #796E66	RGB 121 110 102	#796E66
33.3%	33.3% #84716E	RGB 132 113 110	#84716E
50.0%	50.0% #8F7477	RGB 143 116 119	#8F7477
66.7%	66.7% #9A777F	RGB 154 119 127	#9A777F
83.3%	83.3% #A57A87	RGB 165 122 135	#A57A87
100.0%	100.0% #B17D90	RGB 177 125 144	#B17D90

#6E6B5E #796E66 #84716E #8F7477 #9A777F #A57A87 #B17D90

#6E6B5E - #B17D90

HSV Blend

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

0.0%	0.0% #6E6B5E	RGB 110 107 94	#6E6B5E
16.7%	16.7% #797164	RGB 121 113 100	#797164
33.3%	33.3% #84756A	RGB 132 117 106	#84756A
50.0%	50.0% #8F776F	RGB 143 119 111	#8F776F
66.7%	66.7% #9A7574	RGB 154 117 116	#9A7574
83.3%	83.3% #A57980	RGB 165 121 128	#A57980
100.0%	100.0% #B17D90	RGB 177 125 144	#B17D90

#6E6B5E #797164 #84756A #8F776F #9A7574 #A57980 #B17D90

#6E6B5E - #8F776F - #B17D90

CSS codes

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

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