#4C5E52 - #9775E2 | 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 #4C5E52 to #9775E2

#4C5E52 #9775E2

Calculate the color between two colors, #4C5E52 and #9775E2. 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)

#4C5E52 - #9775E2 | 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 #4C5E52 as 0% and #9775E2 as 100%.

0.0%	0.0% #4C5E52	RGB 76 94 82	#4C5E52
16.7%	16.7% #58616A	RGB 88 97 106	#58616A
33.3%	33.3% #656582	RGB 101 101 130	#656582
50.0%	50.0% #71699A	RGB 113 105 154	#71699A
66.7%	66.7% #7E6DB2	RGB 126 109 178	#7E6DB2
83.3%	83.3% #8A71CA	RGB 138 113 202	#8A71CA
100.0%	100.0% #9775E2	RGB 151 117 226	#9775E2

#4C5E52 #58616A #656582 #71699A #7E6DB2 #8A71CA #9775E2

#4C5E52 - #9775E2

HSV Blend

#4C5E52 - #9775E2 | 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 #4C5E52 as 0% and #9775E2 as 100%.

0.0%	0.0% #4C5E52	RGB 76 94 82	#4C5E52
16.7%	16.7% #58746A	RGB 88 116 106	#58746A
33.3%	33.3% #628A89	RGB 98 138 137	#628A89
50.0%	50.0% #6A8EA0	RGB 106 142 160	#6A8EA0
66.7%	66.7% #6F88B6	RGB 111 136 182	#6F88B6
83.3%	83.3% #7375CC	RGB 115 117 204	#7375CC
100.0%	100.0% #9775E2	RGB 151 117 226	#9775E2

#4C5E52 #58746A #628A89 #6A8EA0 #6F88B6 #7375CC #9775E2

#4C5E52 - #6A8EA0 - #9775E2

CSS codes

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

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