#5E5A4A - #D1CFCB | 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 #5E5A4A to #D1CFCB

#5E5A4A #D1CFCB

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

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

0.0%	0.0% #5E5A4A	RGB 94 90 74	#5E5A4A
16.7%	16.7% #716D5F	RGB 113 109 95	#716D5F
33.3%	33.3% #848175	RGB 132 129 117	#848175
50.0%	50.0% #97948A	RGB 151 148 138	#97948A
66.7%	66.7% #AAA8A0	RGB 170 168 160	#AAA8A0
83.3%	83.3% #BDBBB5	RGB 189 187 181	#BDBBB5
100.0%	100.0% #D1CFCB	RGB 209 207 203	#D1CFCB

#5E5A4A #716D5F #848175 #97948A #AAA8A0 #BDBBB5 #D1CFCB

#5E5A4A - #D1CFCB

HSV Blend

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

0.0%	0.0% #5E5A4A	RGB 94 90 74	#5E5A4A
16.7%	16.7% #716C5C	RGB 113 108 92	#716C5C
33.3%	33.3% #847F70	RGB 132 127 112	#847F70
50.0%	50.0% #979285	RGB 151 146 133	#979285
66.7%	66.7% #AAA69B	RGB 170 166 155	#AAA69B
83.3%	83.3% #BDBAB2	RGB 189 186 178	#BDBAB2
100.0%	100.0% #D1CFCB	RGB 209 207 203	#D1CFCB

#5E5A4A #716C5C #847F70 #979285 #AAA69B #BDBAB2 #D1CFCB

#5E5A4A - #979285 - #D1CFCB

CSS codes

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

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