#5E5E53 - #D1D1CD | 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 #5E5E53 to #D1D1CD

#5E5E53 #D1D1CD

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

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

0.0%	0.0% #5E5E53	RGB 94 94 83	#5E5E53
16.7%	16.7% #717167	RGB 113 113 103	#717167
33.3%	33.3% #84847B	RGB 132 132 123	#84847B
50.0%	50.0% #979790	RGB 151 151 144	#979790
66.7%	66.7% #AAAAA4	RGB 170 170 164	#AAAAA4
83.3%	83.3% #BDBDB8	RGB 189 189 184	#BDBDB8
100.0%	100.0% #D1D1CD	RGB 209 209 205	#D1D1CD

#5E5E53 #717167 #84847B #979790 #AAAAA4 #BDBDB8 #D1D1CD

#5E5E53 - #D1D1CD

HSV Blend

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

0.0%	0.0% #5E5E53	RGB 94 94 83	#5E5E53
16.7%	16.7% #717165	RGB 113 113 101	#717165
33.3%	33.3% #848479	RGB 132 132 121	#848479
50.0%	50.0% #97978D	RGB 151 151 141	#97978D
66.7%	66.7% #AAAAA1	RGB 170 170 161	#AAAAA1
83.3%	83.3% #BDBDB7	RGB 189 189 183	#BDBDB7
100.0%	100.0% #D1D1CD	RGB 209 209 205	#D1D1CD

#5E5E53 #717165 #848479 #97978D #AAAAA1 #BDBDB7 #D1D1CD

#5E5E53 - #97978D - #D1D1CD

CSS codes

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

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