#3E463E - #776A8C | 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 #3E463E to #776A8C

#3E463E #776A8C

Calculate the color between two colors, #3E463E and #776A8C. 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)

#3E463E - #776A8C | 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 #3E463E as 0% and #776A8C as 100%.

0.0%	0.0% #3E463E	RGB 62 70 62	#3E463E
16.7%	16.7% #474C4B	RGB 71 76 75	#474C4B
33.3%	33.3% #515258	RGB 81 82 88	#515258
50.0%	50.0% #5A5865	RGB 90 88 101	#5A5865
66.7%	66.7% #645E72	RGB 100 94 114	#645E72
83.3%	83.3% #6D647F	RGB 109 100 127	#6D647F
100.0%	100.0% #776A8C	RGB 119 106 140	#776A8C

#3E463E #474C4B #515258 #5A5865 #645E72 #6D647F #776A8C

#3E463E - #776A8C

HSV Blend

#3E463E - #776A8C | 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 #3E463E as 0% and #776A8C as 100%.

0.0%	0.0% #3E463E	RGB 62 70 62	#3E463E
16.7%	16.7% #46514A	RGB 70 81 74	#46514A
33.3%	33.3% #4E5D5A	RGB 78 93 90	#4E5D5A
50.0%	50.0% #566569	RGB 86 101 105	#566569
66.7%	66.7% #5D6674	RGB 93 102 116	#5D6674
83.3%	83.3% #636480	RGB 99 100 128	#636480
100.0%	100.0% #776A8C	RGB 119 106 140	#776A8C

#3E463E #46514A #4E5D5A #566569 #5D6674 #636480 #776A8C

#3E463E - #566569 - #776A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E463E 0%, #566569 50%, #776A8C 100%);
    background: -webkit-linear-gradient(top, #3E463E 0%, #566569 50%, #776A8C 100%);
    background: linear-gradient(to bottom, #3E463E 0%, #566569 50%, #776A8C 100%);
}
</style>