#805E5E - #DAD1D1 | 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 #805E5E to #DAD1D1

#805E5E #DAD1D1

Calculate the color between two colors, #805E5E and #DAD1D1. 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)

#805E5E - #DAD1D1 | 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 #805E5E as 0% and #DAD1D1 as 100%.

0.0%	0.0% #805E5E	RGB 128 94 94	#805E5E
16.7%	16.7% #8F7171	RGB 143 113 113	#8F7171
33.3%	33.3% #9E8484	RGB 158 132 132	#9E8484
50.0%	50.0% #AD9797	RGB 173 151 151	#AD9797
66.7%	66.7% #BCAAAA	RGB 188 170 170	#BCAAAA
83.3%	83.3% #CBBDBD	RGB 203 189 189	#CBBDBD
100.0%	100.0% #DAD1D1	RGB 218 209 209	#DAD1D1

#805E5E #8F7171 #9E8484 #AD9797 #BCAAAA #CBBDBD #DAD1D1

#805E5E - #DAD1D1

HSV Blend

#805E5E - #DAD1D1 | 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 #805E5E as 0% and #DAD1D1 as 100%.

0.0%	0.0% #805E5E	RGB 128 94 94	#805E5E
16.7%	16.7% #8F6E6E	RGB 143 110 110	#8F6E6E
33.3%	33.3% #9E7F7F	RGB 158 127 127	#9E7F7F
50.0%	50.0% #AD9292	RGB 173 146 146	#AD9292
66.7%	66.7% #BCA6A6	RGB 188 166 166	#BCA6A6
83.3%	83.3% #CBBBBB	RGB 203 187 187	#CBBBBB
100.0%	100.0% #DAD1D1	RGB 218 209 209	#DAD1D1

#805E5E #8F6E6E #9E7F7F #AD9292 #BCA6A6 #CBBBBB #DAD1D1

#805E5E - #AD9292 - #DAD1D1

CSS codes

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

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