#5E6E64 - #D1D5D2 | 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 #5E6E64 to #D1D5D2

#5E6E64 #D1D5D2

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

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

0.0%	0.0% #5E6E64	RGB 94 110 100	#5E6E64
16.7%	16.7% #717F76	RGB 113 127 118	#717F76
33.3%	33.3% #849088	RGB 132 144 136	#849088
50.0%	50.0% #97A19B	RGB 151 161 155	#97A19B
66.7%	66.7% #AAB2AD	RGB 170 178 173	#AAB2AD
83.3%	83.3% #BDC3BF	RGB 189 195 191	#BDC3BF
100.0%	100.0% #D1D5D2	RGB 209 213 210	#D1D5D2

#5E6E64 #717F76 #849088 #97A19B #AAB2AD #BDC3BF #D1D5D2

#5E6E64 - #D1D5D2

HSV Blend

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

0.0%	0.0% #5E6E64	RGB 94 110 100	#5E6E64
16.7%	16.7% #6F7F74	RGB 111 127 116	#6F7F74
33.3%	33.3% #819086	RGB 129 144 134	#819086
50.0%	50.0% #94A198	RGB 148 161 152	#94A198
66.7%	66.7% #A7B2AA	RGB 167 178 170	#A7B2AA
83.3%	83.3% #BCC3BE	RGB 188 195 190	#BCC3BE
100.0%	100.0% #D1D5D2	RGB 209 213 210	#D1D5D2

#5E6E64 #6F7F74 #819086 #94A198 #A7B2AA #BCC3BE #D1D5D2

#5E6E64 - #94A198 - #D1D5D2

CSS codes

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

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