#5E6F53 - #D1D5CD | 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 #5E6F53 to #D1D5CD

#5E6F53 #D1D5CD

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

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

0.0%	0.0% #5E6F53	RGB 94 111 83	#5E6F53
16.7%	16.7% #718067	RGB 113 128 103	#718067
33.3%	33.3% #84917B	RGB 132 145 123	#84917B
50.0%	50.0% #97A290	RGB 151 162 144	#97A290
66.7%	66.7% #AAB3A4	RGB 170 179 164	#AAB3A4
83.3%	83.3% #BDC4B8	RGB 189 196 184	#BDC4B8
100.0%	100.0% #D1D5CD	RGB 209 213 205	#D1D5CD

#5E6F53 #718067 #84917B #97A290 #AAB3A4 #BDC4B8 #D1D5CD

#5E6F53 - #D1D5CD

HSV Blend

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

0.0%	0.0% #5E6F53	RGB 94 111 83	#5E6F53
16.7%	16.7% #6F8064	RGB 111 128 100	#6F8064
33.3%	33.3% #829176	RGB 130 145 118	#829176
50.0%	50.0% #95A28A	RGB 149 162 138	#95A28A
66.7%	66.7% #A8B39F	RGB 168 179 159	#A8B39F
83.3%	83.3% #BCC4B5	RGB 188 196 181	#BCC4B5
100.0%	100.0% #D1D5CD	RGB 209 213 205	#D1D5CD

#5E6F53 #6F8064 #829176 #95A28A #A8B39F #BCC4B5 #D1D5CD

#5E6F53 - #95A28A - #D1D5CD

CSS codes

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

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