#4D4E5E - #D989D6 | 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 #4D4E5E to #D989D6

#4D4E5E #D989D6

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

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

0.0%	0.0% #4D4E5E	RGB 77 78 94	#4D4E5E
16.7%	16.7% #645772	RGB 100 87 114	#645772
33.3%	33.3% #7B6186	RGB 123 97 134	#7B6186
50.0%	50.0% #936B9A	RGB 147 107 154	#936B9A
66.7%	66.7% #AA75AE	RGB 170 117 174	#AA75AE
83.3%	83.3% #C17FC2	RGB 193 127 194	#C17FC2
100.0%	100.0% #D989D6	RGB 217 137 214	#D989D6

#4D4E5E #645772 #7B6186 #936B9A #AA75AE #C17FC2 #D989D6

#4D4E5E - #D989D6

HSV Blend

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

0.0%	0.0% #4D4E5E	RGB 77 78 94	#4D4E5E
16.7%	16.7% #5D5A72	RGB 93 90 114	#5D5A72
33.3%	33.3% #706687	RGB 112 102 135	#706687
50.0%	50.0% #85709B	RGB 133 112 155	#85709B
66.7%	66.7% #9E7AB0	RGB 158 122 176	#9E7AB0
83.3%	83.3% #BA82C4	RGB 186 130 196	#BA82C4
100.0%	100.0% #D989D6	RGB 217 137 214	#D989D6

#4D4E5E #5D5A72 #706687 #85709B #9E7AB0 #BA82C4 #D989D6

#4D4E5E - #85709B - #D989D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4E5E 0%, #85709B 50%, #D989D6 100%);
    background: -webkit-linear-gradient(top, #4D4E5E 0%, #85709B 50%, #D989D6 100%);
    background: linear-gradient(to bottom, #4D4E5E 0%, #85709B 50%, #D989D6 100%);
}
</style>