#6E5E69 - #D5D1D4 | 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 #6E5E69 to #D5D1D4

#6E5E69 #D5D1D4

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

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

0.0%	0.0% #6E5E69	RGB 110 94 105	#6E5E69
16.7%	16.7% #7F717A	RGB 127 113 122	#7F717A
33.3%	33.3% #90848C	RGB 144 132 140	#90848C
50.0%	50.0% #A1979E	RGB 161 151 158	#A1979E
66.7%	66.7% #B2AAB0	RGB 178 170 176	#B2AAB0
83.3%	83.3% #C3BDC2	RGB 195 189 194	#C3BDC2
100.0%	100.0% #D5D1D4	RGB 213 209 212	#D5D1D4

#6E5E69 #7F717A #90848C #A1979E #B2AAB0 #C3BDC2 #D5D1D4

#6E5E69 - #D5D1D4

HSV Blend

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

0.0%	0.0% #6E5E69	RGB 110 94 105	#6E5E69
16.7%	16.7% #7F6F7A	RGB 127 111 122	#7F6F7A
33.3%	33.3% #90818B	RGB 144 129 139	#90818B
50.0%	50.0% #A1949D	RGB 161 148 157	#A1949D
66.7%	66.7% #B2A7AF	RGB 178 167 175	#B2A7AF
83.3%	83.3% #C3BCC1	RGB 195 188 193	#C3BCC1
100.0%	100.0% #D5D1D4	RGB 213 209 212	#D5D1D4

#6E5E69 #7F6F7A #90818B #A1949D #B2A7AF #C3BCC1 #D5D1D4

#6E5E69 - #A1949D - #D5D1D4

CSS codes

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

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