#747F86 - #D2BDA3 | 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 #747F86 to #D2BDA3

#747F86 #D2BDA3

Calculate the color between two colors, #747F86 and #D2BDA3. 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)

#747F86 - #D2BDA3 | 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 #747F86 as 0% and #D2BDA3 as 100%.

0.0%	0.0% #747F86	RGB 116 127 134	#747F86
16.7%	16.7% #83898A	RGB 131 137 138	#83898A
33.3%	33.3% #93938F	RGB 147 147 143	#93938F
50.0%	50.0% #A39E94	RGB 163 158 148	#A39E94
66.7%	66.7% #B2A899	RGB 178 168 153	#B2A899
83.3%	83.3% #C2B29E	RGB 194 178 158	#C2B29E
100.0%	100.0% #D2BDA3	RGB 210 189 163	#D2BDA3

#747F86 #83898A #93938F #A39E94 #B2A899 #C2B29E #D2BDA3

#747F86 - #D2BDA3

HSV Blend

#747F86 - #D2BDA3 | 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 #747F86 as 0% and #D2BDA3 as 100%.

0.0%	0.0% #747F86	RGB 116 127 134	#747F86
16.7%	16.7% #7C9290	RGB 124 146 144	#7C9290
33.3%	33.3% #859F90	RGB 133 159 144	#859F90
50.0%	50.0% #8EAC8D	RGB 142 172 141	#8EAC8D
66.7%	66.7% #A6B894	RGB 166 184 148	#A6B894
83.3%	83.3% #C4C59C	RGB 196 197 156	#C4C59C
100.0%	100.0% #D2BDA3	RGB 210 189 163	#D2BDA3

#747F86 #7C9290 #859F90 #8EAC8D #A6B894 #C4C59C #D2BDA3

#747F86 - #8EAC8D - #D2BDA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #747F86 0%, #8EAC8D 50%, #D2BDA3 100%);
    background: -webkit-linear-gradient(top, #747F86 0%, #8EAC8D 50%, #D2BDA3 100%);
    background: linear-gradient(to bottom, #747F86 0%, #8EAC8D 50%, #D2BDA3 100%);
}
</style>