#3D3C3E - #606A8B | 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 #3D3C3E to #606A8B

#3D3C3E #606A8B

Calculate the color between two colors, #3D3C3E and #606A8B. 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)

#3D3C3E - #606A8B | 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 #3D3C3E as 0% and #606A8B as 100%.

0.0%	0.0% #3D3C3E	RGB 61 60 62	#3D3C3E
16.7%	16.7% #42434A	RGB 66 67 74	#42434A
33.3%	33.3% #484B57	RGB 72 75 87	#484B57
50.0%	50.0% #4E5364	RGB 78 83 100	#4E5364
66.7%	66.7% #545A71	RGB 84 90 113	#545A71
83.3%	83.3% #5A627E	RGB 90 98 126	#5A627E
100.0%	100.0% #606A8B	RGB 96 106 139	#606A8B

#3D3C3E #42434A #484B57 #4E5364 #545A71 #5A627E #606A8B

#3D3C3E - #606A8B

HSV Blend

#3D3C3E - #606A8B | 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 #3D3C3E as 0% and #606A8B as 100%.

0.0%	0.0% #3D3C3E	RGB 61 60 62	#3D3C3E
16.7%	16.7% #47444A	RGB 71 68 74	#47444A
33.3%	33.3% #4F4C57	RGB 79 76 87	#4F4C57
50.0%	50.0% #555364	RGB 85 83 100	#555364
66.7%	66.7% #595871	RGB 89 88 113	#595871
83.3%	83.3% #5C607E	RGB 92 96 126	#5C607E
100.0%	100.0% #606A8B	RGB 96 106 139	#606A8B

#3D3C3E #47444A #4F4C57 #555364 #595871 #5C607E #606A8B

#3D3C3E - #555364 - #606A8B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3C3E 0%, #555364 50%, #606A8B 100%);
    background: -webkit-linear-gradient(top, #3D3C3E 0%, #555364 50%, #606A8B 100%);
    background: linear-gradient(to bottom, #3D3C3E 0%, #555364 50%, #606A8B 100%);
}
</style>