#5B5E5C - #D0D0D1 | 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 #5B5E5C to #D0D0D1

#5B5E5C #D0D0D1

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

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

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #6E716F	RGB 110 113 111	#6E716F
33.3%	33.3% #828483	RGB 130 132 131	#828483
50.0%	50.0% #959796	RGB 149 151 150	#959796
66.7%	66.7% #A9AAAA	RGB 169 170 170	#A9AAAA
83.3%	83.3% #BCBDBD	RGB 188 189 189	#BCBDBD
100.0%	100.0% #D0D0D1	RGB 208 208 209	#D0D0D1

#5B5E5C #6E716F #828483 #959796 #A9AAAA #BCBDBD #D0D0D1

#5B5E5C - #D0D0D1

HSV Blend

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

0.0%	0.0% #5B5E5C	RGB 91 94 92	#5B5E5C
16.7%	16.7% #6E716F	RGB 110 113 111	#6E716F
33.3%	33.3% #818483	RGB 129 132 131	#818483
50.0%	50.0% #949797	RGB 148 151 151	#949797
66.7%	66.7% #A8A9AA	RGB 168 169 170	#A8A9AA
83.3%	83.3% #BCBCBD	RGB 188 188 189	#BCBCBD
100.0%	100.0% #D0D0D1	RGB 208 208 209	#D0D0D1

#5B5E5C #6E716F #818483 #949797 #A8A9AA #BCBCBD #D0D0D1

#5B5E5C - #949797 - #D0D0D1

CSS codes

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

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