#5D5E5E - #D0D1D1 | 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 #5D5E5E to #D0D1D1

#5D5E5E #D0D1D1

Calculate the color between two colors, #5D5E5E and #D0D1D1. 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)

#5D5E5E - #D0D1D1 | 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 #5D5E5E as 0% and #D0D1D1 as 100%.

0.0%	0.0% #5D5E5E	RGB 93 94 94	#5D5E5E
16.7%	16.7% #707171	RGB 112 113 113	#707171
33.3%	33.3% #838484	RGB 131 132 132	#838484
50.0%	50.0% #969797	RGB 150 151 151	#969797
66.7%	66.7% #A9AAAA	RGB 169 170 170	#A9AAAA
83.3%	83.3% #BCBDBD	RGB 188 189 189	#BCBDBD
100.0%	100.0% #D0D1D1	RGB 208 209 209	#D0D1D1

#5D5E5E #707171 #838484 #969797 #A9AAAA #BCBDBD #D0D1D1

#5D5E5E - #D0D1D1

HSV Blend

#5D5E5E - #D0D1D1 | 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 #5D5E5E as 0% and #D0D1D1 as 100%.

0.0%	0.0% #5D5E5E	RGB 93 94 94	#5D5E5E
16.7%	16.7% #707171	RGB 112 113 113	#707171
33.3%	33.3% #838484	RGB 131 132 132	#838484
50.0%	50.0% #969797	RGB 150 151 151	#969797
66.7%	66.7% #A9AAAA	RGB 169 170 170	#A9AAAA
83.3%	83.3% #BCBDBD	RGB 188 189 189	#BCBDBD
100.0%	100.0% #D0D1D1	RGB 208 209 209	#D0D1D1

#5D5E5E #707171 #838484 #969797 #A9AAAA #BCBDBD #D0D1D1

#5D5E5E - #969797 - #D0D1D1

CSS codes

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

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