#3E535A - #8F8287 | 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 #3E535A to #8F8287

#3E535A #8F8287

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

#3E535A - #8F8287 | 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 #3E535A as 0% and #8F8287 as 100%.

0.0%	0.0% #3E535A	RGB 62 83 90	#3E535A
16.7%	16.7% #4B5A61	RGB 75 90 97	#4B5A61
33.3%	33.3% #596269	RGB 89 98 105	#596269
50.0%	50.0% #666A70	RGB 102 106 112	#666A70
66.7%	66.7% #747278	RGB 116 114 120	#747278
83.3%	83.3% #817A7F	RGB 129 122 127	#817A7F
100.0%	100.0% #8F8287	RGB 143 130 135	#8F8287

#3E535A #4B5A61 #596269 #666A70 #747278 #817A7F #8F8287

#3E535A - #8F8287

HSV Blend

#3E535A - #8F8287 | 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 #3E535A as 0% and #8F8287 as 100%.

0.0%	0.0% #3E535A	RGB 62 83 90	#3E535A
16.7%	16.7% #475162	RGB 71 81 98	#475162
33.3%	33.3% #53526B	RGB 83 82 107	#53526B
50.0%	50.0% #675D74	RGB 103 93 116	#675D74
66.7%	66.7% #79687D	RGB 121 104 125	#79687D
83.3%	83.3% #867582	RGB 134 117 130	#867582
100.0%	100.0% #8F8287	RGB 143 130 135	#8F8287

#3E535A #475162 #53526B #675D74 #79687D #867582 #8F8287

#3E535A - #675D74 - #8F8287

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E535A 0%, #675D74 50%, #8F8287 100%);
    background: -webkit-linear-gradient(top, #3E535A 0%, #675D74 50%, #8F8287 100%);
    background: linear-gradient(to bottom, #3E535A 0%, #675D74 50%, #8F8287 100%);
}
</style>