#5E555D - #D0CED1 | 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 #5E555D to #D0CED1

#5E555D #D0CED1

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

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

0.0%	0.0% #5E555D	RGB 94 85 93	#5E555D
16.7%	16.7% #716970	RGB 113 105 112	#716970
33.3%	33.3% #847D83	RGB 132 125 131	#847D83
50.0%	50.0% #979197	RGB 151 145 151	#979197
66.7%	66.7% #AAA5AA	RGB 170 165 170	#AAA5AA
83.3%	83.3% #BDB9BD	RGB 189 185 189	#BDB9BD
100.0%	100.0% #D0CED1	RGB 208 206 209	#D0CED1

#5E555D #716970 #847D83 #979197 #AAA5AA #BDB9BD #D0CED1

#5E555D - #D0CED1

HSV Blend

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

0.0%	0.0% #5E555D	RGB 94 85 93	#5E555D
16.7%	16.7% #716770	RGB 113 103 112	#716770
33.3%	33.3% #837B84	RGB 131 123 132	#837B84
50.0%	50.0% #968F97	RGB 150 143 151	#968F97
66.7%	66.7% #A9A3AA	RGB 169 163 170	#A9A3AA
83.3%	83.3% #BCB8BD	RGB 188 184 189	#BCB8BD
100.0%	100.0% #D0CED1	RGB 208 206 209	#D0CED1

#5E555D #716770 #837B84 #968F97 #A9A3AA #BCB8BD #D0CED1

#5E555D - #968F97 - #D0CED1

CSS codes

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

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