#7E7E83 - #D0B797 | 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 #7E7E83 to #D0B797

#7E7E83 #D0B797

Calculate the color between two colors, #7E7E83 and #D0B797. 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)

#7E7E83 - #D0B797 | 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 #7E7E83 as 0% and #D0B797 as 100%.

0.0%	0.0% #7E7E83	RGB 126 126 131	#7E7E83
16.7%	16.7% #8B8786	RGB 139 135 134	#8B8786
33.3%	33.3% #999189	RGB 153 145 137	#999189
50.0%	50.0% #A79A8D	RGB 167 154 141	#A79A8D
66.7%	66.7% #B4A490	RGB 180 164 144	#B4A490
83.3%	83.3% #C2AD93	RGB 194 173 147	#C2AD93
100.0%	100.0% #D0B797	RGB 208 183 151	#D0B797

#7E7E83 #8B8786 #999189 #A79A8D #B4A490 #C2AD93 #D0B797

#7E7E83 - #D0B797

HSV Blend

#7E7E83 - #D0B797 | 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 #7E7E83 as 0% and #D0B797 as 100%.

0.0%	0.0% #7E7E83	RGB 126 126 131	#7E7E83
16.7%	16.7% #89848F	RGB 137 132 143	#89848F
33.3%	33.3% #998A9C	RGB 153 138 156	#998A9C
50.0%	50.0% #A98FA2	RGB 169 143 162	#A98FA2
66.7%	66.7% #B6929D	RGB 182 146 157	#B6929D
83.3%	83.3% #C39B95	RGB 195 155 149	#C39B95
100.0%	100.0% #D0B797	RGB 208 183 151	#D0B797

#7E7E83 #89848F #998A9C #A98FA2 #B6929D #C39B95 #D0B797

#7E7E83 - #A98FA2 - #D0B797

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7E83 0%, #A98FA2 50%, #D0B797 100%);
    background: -webkit-linear-gradient(top, #7E7E83 0%, #A98FA2 50%, #D0B797 100%);
    background: linear-gradient(to bottom, #7E7E83 0%, #A98FA2 50%, #D0B797 100%);
}
</style>