#5E5358 - #D1CDCF | 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 #5E5358 to #D1CDCF

#5E5358 #D1CDCF

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

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

0.0%	0.0% #5E5358	RGB 94 83 88	#5E5358
16.7%	16.7% #71676B	RGB 113 103 107	#71676B
33.3%	33.3% #847B7F	RGB 132 123 127	#847B7F
50.0%	50.0% #979093	RGB 151 144 147	#979093
66.7%	66.7% #AAA4A7	RGB 170 164 167	#AAA4A7
83.3%	83.3% #BDB8BB	RGB 189 184 187	#BDB8BB
100.0%	100.0% #D1CDCF	RGB 209 205 207	#D1CDCF

#5E5358 #71676B #847B7F #979093 #AAA4A7 #BDB8BB #D1CDCF

#5E5358 - #D1CDCF

HSV Blend

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

0.0%	0.0% #5E5358	RGB 94 83 88	#5E5358
16.7%	16.7% #71656B	RGB 113 101 107	#71656B
33.3%	33.3% #84797E	RGB 132 121 126	#84797E
50.0%	50.0% #978D92	RGB 151 141 146	#978D92
66.7%	66.7% #AAA1A6	RGB 170 161 166	#AAA1A6
83.3%	83.3% #BDB7BA	RGB 189 183 186	#BDB7BA
100.0%	100.0% #D1CDCF	RGB 209 205 207	#D1CDCF

#5E5358 #71656B #84797E #978D92 #AAA1A6 #BDB7BA #D1CDCF

#5E5358 - #978D92 - #D1CDCF

CSS codes

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

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