#8C9C9D - #E4D1B7 | 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 #8C9C9D to #E4D1B7

#8C9C9D #E4D1B7

Calculate the color between two colors, #8C9C9D and #E4D1B7. 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)

#8C9C9D - #E4D1B7 | 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 #8C9C9D as 0% and #E4D1B7 as 100%.

0.0%	0.0% #8C9C9D	RGB 140 156 157	#8C9C9D
16.7%	16.7% #9AA4A1	RGB 154 164 161	#9AA4A1
33.3%	33.3% #A9ADA5	RGB 169 173 165	#A9ADA5
50.0%	50.0% #B8B6AA	RGB 184 182 170	#B8B6AA
66.7%	66.7% #C6BFAE	RGB 198 191 174	#C6BFAE
83.3%	83.3% #D5C8B2	RGB 213 200 178	#D5C8B2
100.0%	100.0% #E4D1B7	RGB 228 209 183	#E4D1B7

#8C9C9D #9AA4A1 #A9ADA5 #B8B6AA #C6BFAE #D5C8B2 #E4D1B7

#8C9C9D - #E4D1B7

HSV Blend

#8C9C9D - #E4D1B7 | 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 #8C9C9D as 0% and #E4D1B7 as 100%.

0.0%	0.0% #8C9C9D	RGB 140 156 157	#8C9C9D
16.7%	16.7% #94A8A1	RGB 148 168 161	#94A8A1
33.3%	33.3% #9BB4A1	RGB 155 180 161	#9BB4A1
50.0%	50.0% #A8C0A3	RGB 168 192 163	#A8C0A3
66.7%	66.7% #BECCAA	RGB 190 204 170	#BECCAA
83.3%	83.3% #D8D7B0	RGB 216 215 176	#D8D7B0
100.0%	100.0% #E4D1B7	RGB 228 209 183	#E4D1B7

#8C9C9D #94A8A1 #9BB4A1 #A8C0A3 #BECCAA #D8D7B0 #E4D1B7

#8C9C9D - #A8C0A3 - #E4D1B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C9C9D 0%, #A8C0A3 50%, #E4D1B7 100%);
    background: -webkit-linear-gradient(top, #8C9C9D 0%, #A8C0A3 50%, #E4D1B7 100%);
    background: linear-gradient(to bottom, #8C9C9D 0%, #A8C0A3 50%, #E4D1B7 100%);
}
</style>