#676A5E - #D3D4D1 | 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 #676A5E to #D3D4D1

#676A5E #D3D4D1

Calculate the color between two colors, #676A5E and #D3D4D1. 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)

#676A5E - #D3D4D1 | 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 #676A5E as 0% and #D3D4D1 as 100%.

0.0%	0.0% #676A5E	RGB 103 106 94	#676A5E
16.7%	16.7% #797B71	RGB 121 123 113	#797B71
33.3%	33.3% #8B8D84	RGB 139 141 132	#8B8D84
50.0%	50.0% #9D9F97	RGB 157 159 151	#9D9F97
66.7%	66.7% #AFB0AA	RGB 175 176 170	#AFB0AA
83.3%	83.3% #C1C2BD	RGB 193 194 189	#C1C2BD
100.0%	100.0% #D3D4D1	RGB 211 212 209	#D3D4D1

#676A5E #797B71 #8B8D84 #9D9F97 #AFB0AA #C1C2BD #D3D4D1

#676A5E - #D3D4D1

HSV Blend

#676A5E - #D3D4D1 | 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 #676A5E as 0% and #D3D4D1 as 100%.

0.0%	0.0% #676A5E	RGB 103 106 94	#676A5E
16.7%	16.7% #787B6F	RGB 120 123 111	#787B6F
33.3%	33.3% #8A8D82	RGB 138 141 130	#8A8D82
50.0%	50.0% #9C9F94	RGB 156 159 148	#9C9F94
66.7%	66.7% #AEB0A8	RGB 174 176 168	#AEB0A8
83.3%	83.3% #C0C2BC	RGB 192 194 188	#C0C2BC
100.0%	100.0% #D3D4D1	RGB 211 212 209	#D3D4D1

#676A5E #787B6F #8A8D82 #9C9F94 #AEB0A8 #C0C2BC #D3D4D1

#676A5E - #9C9F94 - #D3D4D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #676A5E 0%, #9C9F94 50%, #D3D4D1 100%);
    background: -webkit-linear-gradient(top, #676A5E 0%, #9C9F94 50%, #D3D4D1 100%);
    background: linear-gradient(to bottom, #676A5E 0%, #9C9F94 50%, #D3D4D1 100%);
}
</style>