#3D3C3E - #60748B | 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 #60748B

#3D3C3E #60748B

Calculate the color between two colors, #3D3C3E and #60748B. 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 - #60748B | 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 #60748B as 100%.

0.0%	0.0% #3D3C3E	RGB 61 60 62	#3D3C3E
16.7%	16.7% #42454A	RGB 66 69 74	#42454A
33.3%	33.3% #484E57	RGB 72 78 87	#484E57
50.0%	50.0% #4E5864	RGB 78 88 100	#4E5864
66.7%	66.7% #546171	RGB 84 97 113	#546171
83.3%	83.3% #5A6A7E	RGB 90 106 126	#5A6A7E
100.0%	100.0% #60748B	RGB 96 116 139	#60748B

#3D3C3E #42454A #484E57 #4E5864 #546171 #5A6A7E #60748B

#3D3C3E - #60748B

HSV Blend

#3D3C3E - #60748B | 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 #60748B as 100%.

0.0%	0.0% #3D3C3E	RGB 61 60 62	#3D3C3E
16.7%	16.7% #46444A	RGB 70 68 74	#46444A
33.3%	33.3% #4E4C57	RGB 78 76 87	#4E4C57
50.0%	50.0% #535364	RGB 83 83 100	#535364
66.7%	66.7% #585C71	RGB 88 92 113	#585C71
83.3%	83.3% #5C677E	RGB 92 103 126	#5C677E
100.0%	100.0% #60748B	RGB 96 116 139	#60748B

#3D3C3E #46444A #4E4C57 #535364 #585C71 #5C677E #60748B

#3D3C3E - #535364 - #60748B

CSS codes

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

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