#6D6B5E - #D5D4D1 | 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 #6D6B5E to #D5D4D1

#6D6B5E #D5D4D1

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

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

0.0%	0.0% #6D6B5E	RGB 109 107 94	#6D6B5E
16.7%	16.7% #7E7C71	RGB 126 124 113	#7E7C71
33.3%	33.3% #8F8E84	RGB 143 142 132	#8F8E84
50.0%	50.0% #A19F97	RGB 161 159 151	#A19F97
66.7%	66.7% #B2B1AA	RGB 178 177 170	#B2B1AA
83.3%	83.3% #C3C2BD	RGB 195 194 189	#C3C2BD
100.0%	100.0% #D5D4D1	RGB 213 212 209	#D5D4D1

#6D6B5E #7E7C71 #8F8E84 #A19F97 #B2B1AA #C3C2BD #D5D4D1

#6D6B5E - #D5D4D1

HSV Blend

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

0.0%	0.0% #6D6B5E	RGB 109 107 94	#6D6B5E
16.7%	16.7% #7E7C6F	RGB 126 124 111	#7E7C6F
33.3%	33.3% #8F8D81	RGB 143 141 129	#8F8D81
50.0%	50.0% #A19E94	RGB 161 158 148	#A19E94
66.7%	66.7% #B2B0A7	RGB 178 176 167	#B2B0A7
83.3%	83.3% #C3C1BC	RGB 195 193 188	#C3C1BC
100.0%	100.0% #D5D4D1	RGB 213 212 209	#D5D4D1

#6D6B5E #7E7C6F #8F8D81 #A19E94 #B2B0A7 #C3C1BC #D5D4D1

#6D6B5E - #A19E94 - #D5D4D1

CSS codes

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

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