#3E3D3C - #61868A | 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 #3E3D3C to #61868A

#3E3D3C #61868A

Calculate the color between two colors, #3E3D3C and #61868A. 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)

#3E3D3C - #61868A | 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 #3E3D3C as 0% and #61868A as 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #434949	RGB 67 73 73	#434949
33.3%	33.3% #495556	RGB 73 85 86	#495556
50.0%	50.0% #4F6163	RGB 79 97 99	#4F6163
66.7%	66.7% #556D70	RGB 85 109 112	#556D70
83.3%	83.3% #5B797D	RGB 91 121 125	#5B797D
100.0%	100.0% #61868A	RGB 97 134 138	#61868A

#3E3D3C #434949 #495556 #4F6163 #556D70 #5B797D #61868A

#3E3D3C - #61868A

HSV Blend

#3E3D3C - #61868A | 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 #3E3D3C as 0% and #61868A as 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #4A4A44	RGB 74 74 68	#4A4A44
33.3%	33.3% #53574C	RGB 83 87 76	#53574C
50.0%	50.0% #566453	RGB 86 100 83	#566453
66.7%	66.7% #59705E	RGB 89 112 94	#59705E
83.3%	83.3% #5D7D72	RGB 93 125 114	#5D7D72
100.0%	100.0% #61868A	RGB 97 134 138	#61868A

#3E3D3C #4A4A44 #53574C #566453 #59705E #5D7D72 #61868A

#3E3D3C - #566453 - #61868A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3D3C 0%, #566453 50%, #61868A 100%);
    background: -webkit-linear-gradient(top, #3E3D3C 0%, #566453 50%, #61868A 100%);
    background: linear-gradient(to bottom, #3E3D3C 0%, #566453 50%, #61868A 100%);
}
</style>