#4D4D4D - #7E8AC7 | 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 #4D4D4D to #7E8AC7

#4D4D4D #7E8AC7

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

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

0.0%	0.0% #4D4D4D	RGB 77 77 77	#4D4D4D
16.7%	16.7% #555761	RGB 85 87 97	#555761
33.3%	33.3% #5D6175	RGB 93 97 117	#5D6175
50.0%	50.0% #656B8A	RGB 101 107 138	#656B8A
66.7%	66.7% #6D759E	RGB 109 117 158	#6D759E
83.3%	83.3% #757FB2	RGB 117 127 178	#757FB2
100.0%	100.0% #7E8AC7	RGB 126 138 199	#7E8AC7

#4D4D4D #555761 #5D6175 #656B8A #6D759E #757FB2 #7E8AC7

#4D4D4D - #7E8AC7

HSV Blend

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

0.0%	0.0% #4D4D4D	RGB 77 77 77	#4D4D4D
16.7%	16.7% #615B5D	RGB 97 91 93	#615B5D
33.3%	33.3% #756771	RGB 117 103 113	#756771
50.0%	50.0% #87708A	RGB 135 112 138	#87708A
66.7%	66.7% #8D779E	RGB 141 119 158	#8D779E
83.3%	83.3% #867CB2	RGB 134 124 178	#867CB2
100.0%	100.0% #7E8AC7	RGB 126 138 199	#7E8AC7

#4D4D4D #615B5D #756771 #87708A #8D779E #867CB2 #7E8AC7

#4D4D4D - #87708A - #7E8AC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D4D 0%, #87708A 50%, #7E8AC7 100%);
    background: -webkit-linear-gradient(top, #4D4D4D 0%, #87708A 50%, #7E8AC7 100%);
    background: linear-gradient(to bottom, #4D4D4D 0%, #87708A 50%, #7E8AC7 100%);
}
</style>