#4D5E52 - #9875E4 | 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 #4D5E52 to #9875E4

#4D5E52 #9875E4

Calculate the color between two colors, #4D5E52 and #9875E4. 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)

#4D5E52 - #9875E4 | 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 #4D5E52 as 0% and #9875E4 as 100%.

0.0%	0.0% #4D5E52	RGB 77 94 82	#4D5E52
16.7%	16.7% #59616A	RGB 89 97 106	#59616A
33.3%	33.3% #666582	RGB 102 101 130	#666582
50.0%	50.0% #72699B	RGB 114 105 155	#72699B
66.7%	66.7% #7F6DB3	RGB 127 109 179	#7F6DB3
83.3%	83.3% #8B71CB	RGB 139 113 203	#8B71CB
100.0%	100.0% #9875E4	RGB 152 117 228	#9875E4

#4D5E52 #59616A #666582 #72699B #7F6DB3 #8B71CB #9875E4

#4D5E52 - #9875E4

HSV Blend

#4D5E52 - #9875E4 | 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 #4D5E52 as 0% and #9875E4 as 100%.

0.0%	0.0% #4D5E52	RGB 77 94 82	#4D5E52
16.7%	16.7% #59746A	RGB 89 116 106	#59746A
33.3%	33.3% #638A89	RGB 99 138 137	#638A89
50.0%	50.0% #6B90A1	RGB 107 144 161	#6B90A1
66.7%	66.7% #708AB7	RGB 112 138 183	#708AB7
83.3%	83.3% #7475CD	RGB 116 117 205	#7475CD
100.0%	100.0% #9875E4	RGB 152 117 228	#9875E4

#4D5E52 #59746A #638A89 #6B90A1 #708AB7 #7475CD #9875E4

#4D5E52 - #6B90A1 - #9875E4

CSS codes

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

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