#81818B - #DBDBDD | 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 #81818B to #DBDBDD

#81818B #DBDBDD

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

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

0.0%	0.0% #81818B	RGB 129 129 139	#81818B
16.7%	16.7% #909098	RGB 144 144 152	#909098
33.3%	33.3% #9F9FA6	RGB 159 159 166	#9F9FA6
50.0%	50.0% #AEAEB4	RGB 174 174 180	#AEAEB4
66.7%	66.7% #BDBDC1	RGB 189 189 193	#BDBDC1
83.3%	83.3% #CCCCCF	RGB 204 204 207	#CCCCCF
100.0%	100.0% #DBDBDD	RGB 219 219 221	#DBDBDD

#81818B #909098 #9F9FA6 #AEAEB4 #BDBDC1 #CCCCCF #DBDBDD

#81818B - #DBDBDD

HSV Blend

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

0.0%	0.0% #81818B	RGB 129 129 139	#81818B
16.7%	16.7% #8F8F98	RGB 143 143 152	#8F8F98
33.3%	33.3% #9D9DA6	RGB 157 157 166	#9D9DA6
50.0%	50.0% #ACACB4	RGB 172 172 180	#ACACB4
66.7%	66.7% #BBBBC1	RGB 187 187 193	#BBBBC1
83.3%	83.3% #CBCBCF	RGB 203 203 207	#CBCBCF
100.0%	100.0% #DBDBDD	RGB 219 219 221	#DBDBDD

#81818B #8F8F98 #9D9DA6 #ACACB4 #BBBBC1 #CBCBCF #DBDBDD

#81818B - #ACACB4 - #DBDBDD

CSS codes

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

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