#808482 - #DADBDA | 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 #808482 to #DADBDA

#808482 #DADBDA

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

#808482 - #DADBDA | 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 #808482 as 0% and #DADBDA as 100%.

0.0%	0.0% #808482	RGB 128 132 130	#808482
16.7%	16.7% #8F9290	RGB 143 146 144	#8F9290
33.3%	33.3% #9EA19F	RGB 158 161 159	#9EA19F
50.0%	50.0% #ADAFAE	RGB 173 175 174	#ADAFAE
66.7%	66.7% #BCBEBC	RGB 188 190 188	#BCBEBC
83.3%	83.3% #CBCCCB	RGB 203 204 203	#CBCCCB
100.0%	100.0% #DADBDA	RGB 218 219 218	#DADBDA

#808482 #8F9290 #9EA19F #ADAFAE #BCBEBC #CBCCCB #DADBDA

#808482 - #DADBDA

HSV Blend

#808482 - #DADBDA | 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 #808482 as 0% and #DADBDA as 100%.

0.0%	0.0% #808482	RGB 128 132 130	#808482
16.7%	16.7% #8E9290	RGB 142 146 144	#8E9290
33.3%	33.3% #9DA19E	RGB 157 161 158	#9DA19E
50.0%	50.0% #ACAFAD	RGB 172 175 173	#ACAFAD
66.7%	66.7% #BBBEBB	RGB 187 190 187	#BBBEBB
83.3%	83.3% #CACCCA	RGB 202 204 202	#CACCCA
100.0%	100.0% #DADBDA	RGB 218 219 218	#DADBDA

#808482 #8E9290 #9DA19E #ACAFAD #BBBEBB #CACCCA #DADBDA

#808482 - #ACAFAD - #DADBDA

CSS codes

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

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