#4C4D5E - #6EB4A9 | 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 #4C4D5E to #6EB4A9

#4C4D5E #6EB4A9

Calculate the color between two colors, #4C4D5E and #6EB4A9. 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)

#4C4D5E - #6EB4A9 | 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 #4C4D5E as 0% and #6EB4A9 as 100%.

0.0%	0.0% #4C4D5E	RGB 76 77 94	#4C4D5E
16.7%	16.7% #515E6A	RGB 81 94 106	#515E6A
33.3%	33.3% #576F77	RGB 87 111 119	#576F77
50.0%	50.0% #5D8083	RGB 93 128 131	#5D8083
66.7%	66.7% #629190	RGB 98 145 144	#629190
83.3%	83.3% #68A29C	RGB 104 162 156	#68A29C
100.0%	100.0% #6EB4A9	RGB 110 180 169	#6EB4A9

#4C4D5E #515E6A #576F77 #5D8083 #629190 #68A29C #6EB4A9

#4C4D5E - #6EB4A9

HSV Blend

#4C4D5E - #6EB4A9 | 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 #4C4D5E as 0% and #6EB4A9 as 100%.

0.0%	0.0% #4C4D5E	RGB 76 77 94	#4C4D5E
16.7%	16.7% #54596C	RGB 84 89 108	#54596C
33.3%	33.3% #5B687A	RGB 91 104 122	#5B687A
50.0%	50.0% #617989	RGB 97 121 137	#617989
66.7%	66.7% #668D97	RGB 102 141 151	#668D97
83.3%	83.3% #6AA4A5	RGB 106 164 165	#6AA4A5
100.0%	100.0% #6EB4A9	RGB 110 180 169	#6EB4A9

#4C4D5E #54596C #5B687A #617989 #668D97 #6AA4A5 #6EB4A9

#4C4D5E - #617989 - #6EB4A9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C4D5E 0%, #617989 50%, #6EB4A9 100%);
    background: -webkit-linear-gradient(top, #4C4D5E 0%, #617989 50%, #6EB4A9 100%);
    background: linear-gradient(to bottom, #4C4D5E 0%, #617989 50%, #6EB4A9 100%);
}
</style>