#7B7B7D - #D0B492 | 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 #7B7B7D to #D0B492

#7B7B7D #D0B492

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

#7B7B7D - #D0B492 | 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 #7B7B7D as 0% and #D0B492 as 100%.

0.0%	0.0% #7B7B7D	RGB 123 123 125	#7B7B7D
16.7%	16.7% #898480	RGB 137 132 128	#898480
33.3%	33.3% #978E84	RGB 151 142 132	#978E84
50.0%	50.0% #A59787	RGB 165 151 135	#A59787
66.7%	66.7% #B3A18B	RGB 179 161 139	#B3A18B
83.3%	83.3% #C1AA8E	RGB 193 170 142	#C1AA8E
100.0%	100.0% #D0B492	RGB 208 180 146	#D0B492

#7B7B7D #898480 #978E84 #A59787 #B3A18B #C1AA8E #D0B492

#7B7B7D - #D0B492

HSV Blend

#7B7B7D - #D0B492 | 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 #7B7B7D as 0% and #D0B492 as 100%.

0.0%	0.0% #7B7B7D	RGB 123 123 125	#7B7B7D
16.7%	16.7% #85828A	RGB 133 130 138	#85828A
33.3%	33.3% #968798	RGB 150 135 152	#968798
50.0%	50.0% #A68C9F	RGB 166 140 159	#A68C9F
66.7%	66.7% #B48F9A	RGB 180 143 154	#B48F9A
83.3%	83.3% #C29791	RGB 194 151 145	#C29791
100.0%	100.0% #D0B492	RGB 208 180 146	#D0B492

#7B7B7D #85828A #968798 #A68C9F #B48F9A #C29791 #D0B492

#7B7B7D - #A68C9F - #D0B492

CSS codes

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

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