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

#5E6151 #D1D1CD

Calculate the color between two colors, #5E6151 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)

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

0.0%	0.0% #5E6151	RGB 94 97 81	#5E6151
16.7%	16.7% #717365	RGB 113 115 101	#717365
33.3%	33.3% #84867A	RGB 132 134 122	#84867A
50.0%	50.0% #97998F	RGB 151 153 143	#97998F
66.7%	66.7% #AAABA3	RGB 170 171 163	#AAABA3
83.3%	83.3% #BDBEB8	RGB 189 190 184	#BDBEB8
100.0%	100.0% #D1D1CD	RGB 209 209 205	#D1D1CD

#5E6151 #717365 #84867A #97998F #AAABA3 #BDBEB8 #D1D1CD

#5E6151 - #D1D1CD

HSV Blend

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

0.0%	0.0% #5E6151	RGB 94 97 81	#5E6151
16.7%	16.7% #717363	RGB 113 115 99	#717363
33.3%	33.3% #848676	RGB 132 134 118	#848676
50.0%	50.0% #97998A	RGB 151 153 138	#97998A
66.7%	66.7% #AAABA0	RGB 170 171 160	#AAABA0
83.3%	83.3% #BEBEB6	RGB 190 190 182	#BEBEB6
100.0%	100.0% #D1D1CD	RGB 209 209 205	#D1D1CD

#5E6151 #717363 #848676 #97998A #AAABA0 #BEBEB6 #D1D1CD

#5E6151 - #97998A - #D1D1CD

CSS codes

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

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