#7E7E82 - #D1B796 | 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 #7E7E82 to #D1B796

#7E7E82 #D1B796

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

#7E7E82 - #D1B796 | 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 #7E7E82 as 0% and #D1B796 as 100%.

0.0%	0.0% #7E7E82	RGB 126 126 130	#7E7E82
16.7%	16.7% #8B8785	RGB 139 135 133	#8B8785
33.3%	33.3% #999188	RGB 153 145 136	#999188
50.0%	50.0% #A79A8C	RGB 167 154 140	#A79A8C
66.7%	66.7% #B5A48F	RGB 181 164 143	#B5A48F
83.3%	83.3% #C3AD92	RGB 195 173 146	#C3AD92
100.0%	100.0% #D1B796	RGB 209 183 150	#D1B796

#7E7E82 #8B8785 #999188 #A79A8C #B5A48F #C3AD92 #D1B796

#7E7E82 - #D1B796

HSV Blend

#7E7E82 - #D1B796 | 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 #7E7E82 as 0% and #D1B796 as 100%.

0.0%	0.0% #7E7E82	RGB 126 126 130	#7E7E82
16.7%	16.7% #89848F	RGB 137 132 143	#89848F
33.3%	33.3% #998A9C	RGB 153 138 156	#998A9C
50.0%	50.0% #A98EA2	RGB 169 142 162	#A98EA2
66.7%	66.7% #B6929D	RGB 182 146 157	#B6929D
83.3%	83.3% #C39B94	RGB 195 155 148	#C39B94
100.0%	100.0% #D1B796	RGB 209 183 150	#D1B796

#7E7E82 #89848F #998A9C #A98EA2 #B6929D #C39B94 #D1B796

#7E7E82 - #A98EA2 - #D1B796

CSS codes

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

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