#81818D - #D0BA9F | 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 #81818D to #D0BA9F

#81818D #D0BA9F

Calculate the color between two colors, #81818D and #D0BA9F. 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)

#81818D - #D0BA9F | 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 #81818D as 0% and #D0BA9F as 100%.

0.0%	0.0% #81818D	RGB 129 129 141	#81818D
16.7%	16.7% #8E8A90	RGB 142 138 144	#8E8A90
33.3%	33.3% #9B9493	RGB 155 148 147	#9B9493
50.0%	50.0% #A89D96	RGB 168 157 150	#A89D96
66.7%	66.7% #B5A799	RGB 181 167 153	#B5A799
83.3%	83.3% #C2B09C	RGB 194 176 156	#C2B09C
100.0%	100.0% #D0BA9F	RGB 208 186 159	#D0BA9F

#81818D #8E8A90 #9B9493 #A89D96 #B5A799 #C2B09C #D0BA9F

#81818D - #D0BA9F

HSV Blend

#81818D - #D0BA9F | 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 #81818D as 0% and #D0BA9F as 100%.

0.0%	0.0% #81818D	RGB 129 129 141	#81818D
16.7%	16.7% #8E8798	RGB 142 135 152	#8E8798
33.3%	33.3% #A08DA3	RGB 160 141 163	#A08DA3
50.0%	50.0% #AE92A6	RGB 174 146 166	#AE92A6
66.7%	66.7% #B997A1	RGB 185 151 161	#B997A1
83.3%	83.3% #C4A09B	RGB 196 160 155	#C4A09B
100.0%	100.0% #D0BA9F	RGB 208 186 159	#D0BA9F

#81818D #8E8798 #A08DA3 #AE92A6 #B997A1 #C4A09B #D0BA9F

#81818D - #AE92A6 - #D0BA9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81818D 0%, #AE92A6 50%, #D0BA9F 100%);
    background: -webkit-linear-gradient(top, #81818D 0%, #AE92A6 50%, #D0BA9F 100%);
    background: linear-gradient(to bottom, #81818D 0%, #AE92A6 50%, #D0BA9F 100%);
}
</style>