#4D5E57 - #B974E4 | 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 #4D5E57 to #B974E4

#4D5E57 #B974E4

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

#4D5E57 - #B974E4 | 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 #4D5E57 as 0% and #B974E4 as 100%.

0.0%	0.0% #4D5E57	RGB 77 94 87	#4D5E57
16.7%	16.7% #5F616E	RGB 95 97 110	#5F616E
33.3%	33.3% #716586	RGB 113 101 134	#716586
50.0%	50.0% #83699D	RGB 131 105 157	#83699D
66.7%	66.7% #956CB5	RGB 149 108 181	#956CB5
83.3%	83.3% #A770CC	RGB 167 112 204	#A770CC
100.0%	100.0% #B974E4	RGB 185 116 228	#B974E4

#4D5E57 #5F616E #716586 #83699D #956CB5 #A770CC #B974E4

#4D5E57 - #B974E4

HSV Blend

#4D5E57 - #B974E4 | 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 #4D5E57 as 0% and #B974E4 as 100%.

0.0%	0.0% #4D5E57	RGB 77 94 87	#4D5E57
16.7%	16.7% #597472	RGB 89 116 114	#597472
33.3%	33.3% #63808A	RGB 99 128 138	#63808A
50.0%	50.0% #6A80A1	RGB 106 128 161	#6A80A1
66.7%	66.7% #7074B7	RGB 112 116 183	#7074B7
83.3%	83.3% #8C73CD	RGB 140 115 205	#8C73CD
100.0%	100.0% #B974E4	RGB 185 116 228	#B974E4

#4D5E57 #597472 #63808A #6A80A1 #7074B7 #8C73CD #B974E4

#4D5E57 - #6A80A1 - #B974E4

CSS codes

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

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