#8B8484 - #DDDBDB | 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 #8B8484 to #DDDBDB

#8B8484 #DDDBDB

Calculate the color between two colors, #8B8484 and #DDDBDB. 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)

#8B8484 - #DDDBDB | 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 #8B8484 as 0% and #DDDBDB as 100%.

0.0%	0.0% #8B8484	RGB 139 132 132	#8B8484
16.7%	16.7% #989292	RGB 152 146 146	#989292
33.3%	33.3% #A6A1A1	RGB 166 161 161	#A6A1A1
50.0%	50.0% #B4AFAF	RGB 180 175 175	#B4AFAF
66.7%	66.7% #C1BEBE	RGB 193 190 190	#C1BEBE
83.3%	83.3% #CFCCCC	RGB 207 204 204	#CFCCCC
100.0%	100.0% #DDDBDB	RGB 221 219 219	#DDDBDB

#8B8484 #989292 #A6A1A1 #B4AFAF #C1BEBE #CFCCCC #DDDBDB

#8B8484 - #DDDBDB

HSV Blend

#8B8484 - #DDDBDB | 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 #8B8484 as 0% and #DDDBDB as 100%.

0.0%	0.0% #8B8484	RGB 139 132 132	#8B8484
16.7%	16.7% #989292	RGB 152 146 146	#989292
33.3%	33.3% #A6A0A0	RGB 166 160 160	#A6A0A0
50.0%	50.0% #B4AEAE	RGB 180 174 174	#B4AEAE
66.7%	66.7% #C1BDBD	RGB 193 189 189	#C1BDBD
83.3%	83.3% #CFCCCC	RGB 207 204 204	#CFCCCC
100.0%	100.0% #DDDBDB	RGB 221 219 219	#DDDBDB

#8B8484 #989292 #A6A0A0 #B4AEAE #C1BDBD #CFCCCC #DDDBDB

#8B8484 - #B4AEAE - #DDDBDB

CSS codes

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

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