#4D7E5E - #9A93E4 | 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 #4D7E5E to #9A93E4

#4D7E5E #9A93E4

Calculate the color between two colors, #4D7E5E and #9A93E4. 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)

#4D7E5E - #9A93E4 | 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 #4D7E5E as 0% and #9A93E4 as 100%.

0.0%	0.0% #4D7E5E	RGB 77 126 94	#4D7E5E
16.7%	16.7% #598174	RGB 89 129 116	#598174
33.3%	33.3% #66858A	RGB 102 133 138	#66858A
50.0%	50.0% #7388A1	RGB 115 136 161	#7388A1
66.7%	66.7% #808CB7	RGB 128 140 183	#808CB7
83.3%	83.3% #8D8FCD	RGB 141 143 205	#8D8FCD
100.0%	100.0% #9A93E4	RGB 154 147 228	#9A93E4

#4D7E5E #598174 #66858A #7388A1 #808CB7 #8D8FCD #9A93E4

#4D7E5E - #9A93E4

HSV Blend

#4D7E5E - #9A93E4 | 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 #4D7E5E as 0% and #9A93E4 as 100%.

0.0%	0.0% #4D7E5E	RGB 77 126 94	#4D7E5E
16.7%	16.7% #588F7B	RGB 88 143 123	#588F7B
33.3%	33.3% #63A09B	RGB 99 160 155	#63A09B
50.0%	50.0% #6FA2B1	RGB 111 162 177	#6FA2B1
66.7%	66.7% #7A9DC2	RGB 122 157 194	#7A9DC2
83.3%	83.3% #8696D3	RGB 134 150 211	#8696D3
100.0%	100.0% #9A93E4	RGB 154 147 228	#9A93E4

#4D7E5E #588F7B #63A09B #6FA2B1 #7A9DC2 #8696D3 #9A93E4

#4D7E5E - #6FA2B1 - #9A93E4

CSS codes

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

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