#838480 - #DBDBDA | 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 #838480 to #DBDBDA

#838480 #DBDBDA

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

#838480 - #DBDBDA | 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 #838480 as 0% and #DBDBDA as 100%.

0.0%	0.0% #838480	RGB 131 132 128	#838480
16.7%	16.7% #91928F	RGB 145 146 143	#91928F
33.3%	33.3% #A0A19E	RGB 160 161 158	#A0A19E
50.0%	50.0% #AFAFAD	RGB 175 175 173	#AFAFAD
66.7%	66.7% #BDBEBC	RGB 189 190 188	#BDBEBC
83.3%	83.3% #CCCCCB	RGB 204 204 203	#CCCCCB
100.0%	100.0% #DBDBDA	RGB 219 219 218	#DBDBDA

#838480 #91928F #A0A19E #AFAFAD #BDBEBC #CCCCCB #DBDBDA

#838480 - #DBDBDA

HSV Blend

#838480 - #DBDBDA | 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 #838480 as 0% and #DBDBDA as 100%.

0.0%	0.0% #838480	RGB 131 132 128	#838480
16.7%	16.7% #91928E	RGB 145 146 142	#91928E
33.3%	33.3% #A0A19D	RGB 160 161 157	#A0A19D
50.0%	50.0% #AFAFAC	RGB 175 175 172	#AFAFAC
66.7%	66.7% #BDBEBB	RGB 189 190 187	#BDBEBB
83.3%	83.3% #CCCCCA	RGB 204 204 202	#CCCCCA
100.0%	100.0% #DBDBDA	RGB 219 219 218	#DBDBDA

#838480 #91928E #A0A19D #AFAFAC #BDBEBB #CCCCCA #DBDBDA

#838480 - #AFAFAC - #DBDBDA

CSS codes

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

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