#4E3F5E - #779FA3 | 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 #4E3F5E to #779FA3

#4E3F5E #779FA3

Calculate the color between two colors, #4E3F5E and #779FA3. 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)

#4E3F5E - #779FA3 | 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 #4E3F5E as 0% and #779FA3 as 100%.

0.0%	0.0% #4E3F5E	RGB 78 63 94	#4E3F5E
16.7%	16.7% #544F69	RGB 84 79 105	#544F69
33.3%	33.3% #5B5F75	RGB 91 95 117	#5B5F75
50.0%	50.0% #626F80	RGB 98 111 128	#626F80
66.7%	66.7% #697F8C	RGB 105 127 140	#697F8C
83.3%	83.3% #708F97	RGB 112 143 151	#708F97
100.0%	100.0% #779FA3	RGB 119 159 163	#779FA3

#4E3F5E #544F69 #5B5F75 #626F80 #697F8C #708F97 #779FA3

#4E3F5E - #779FA3

HSV Blend

#4E3F5E - #779FA3 | 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 #4E3F5E as 0% and #779FA3 as 100%.

0.0%	0.0% #4E3F5E	RGB 78 63 94	#4E3F5E
16.7%	16.7% #504769	RGB 80 71 105	#504769
33.3%	33.3% #515075	RGB 81 80 117	#515075
50.0%	50.0% #596280	RGB 89 98 128	#596280
66.7%	66.7% #63758C	RGB 99 117 140	#63758C
83.3%	83.3% #6D8997	RGB 109 137 151	#6D8997
100.0%	100.0% #779FA3	RGB 119 159 163	#779FA3

#4E3F5E #504769 #515075 #596280 #63758C #6D8997 #779FA3

#4E3F5E - #596280 - #779FA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3F5E 0%, #596280 50%, #779FA3 100%);
    background: -webkit-linear-gradient(top, #4E3F5E 0%, #596280 50%, #779FA3 100%);
    background: linear-gradient(to bottom, #4E3F5E 0%, #596280 50%, #779FA3 100%);
}
</style>