#6D7E5E - #D5DAD1 | 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 #6D7E5E to #D5DAD1

#6D7E5E #D5DAD1

Calculate the color between two colors, #6D7E5E and #D5DAD1. 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)

#6D7E5E - #D5DAD1 | 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 #6D7E5E as 0% and #D5DAD1 as 100%.

0.0%	0.0% #6D7E5E	RGB 109 126 94	#6D7E5E
16.7%	16.7% #7E8D71	RGB 126 141 113	#7E8D71
33.3%	33.3% #8F9C84	RGB 143 156 132	#8F9C84
50.0%	50.0% #A1AC97	RGB 161 172 151	#A1AC97
66.7%	66.7% #B2BBAA	RGB 178 187 170	#B2BBAA
83.3%	83.3% #C3CABD	RGB 195 202 189	#C3CABD
100.0%	100.0% #D5DAD1	RGB 213 218 209	#D5DAD1

#6D7E5E #7E8D71 #8F9C84 #A1AC97 #B2BBAA #C3CABD #D5DAD1

#6D7E5E - #D5DAD1

HSV Blend

#6D7E5E - #D5DAD1 | 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 #6D7E5E as 0% and #D5DAD1 as 100%.

0.0%	0.0% #6D7E5E	RGB 109 126 94	#6D7E5E
16.7%	16.7% #7C8D6E	RGB 124 141 110	#7C8D6E
33.3%	33.3% #8D9C7F	RGB 141 156 127	#8D9C7F
50.0%	50.0% #9EAC92	RGB 158 172 146	#9EAC92
66.7%	66.7% #AFBBA6	RGB 175 187 166	#AFBBA6
83.3%	83.3% #C2CABB	RGB 194 202 187	#C2CABB
100.0%	100.0% #D5DAD1	RGB 213 218 209	#D5DAD1

#6D7E5E #7C8D6E #8D9C7F #9EAC92 #AFBBA6 #C2CABB #D5DAD1

#6D7E5E - #9EAC92 - #D5DAD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D7E5E 0%, #9EAC92 50%, #D5DAD1 100%);
    background: -webkit-linear-gradient(top, #6D7E5E 0%, #9EAC92 50%, #D5DAD1 100%);
    background: linear-gradient(to bottom, #6D7E5E 0%, #9EAC92 50%, #D5DAD1 100%);
}
</style>