#474D4A - #8F63DB | 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 #474D4A to #8F63DB

#474D4A #8F63DB

Calculate the color between two colors, #474D4A and #8F63DB. 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)

#474D4A - #8F63DB | 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 #474D4A as 0% and #8F63DB as 100%.

0.0%	0.0% #474D4A	RGB 71 77 74	#474D4A
16.7%	16.7% #535062	RGB 83 80 98	#535062
33.3%	33.3% #5F547A	RGB 95 84 122	#5F547A
50.0%	50.0% #6B5892	RGB 107 88 146	#6B5892
66.7%	66.7% #775BAA	RGB 119 91 170	#775BAA
83.3%	83.3% #835FC2	RGB 131 95 194	#835FC2
100.0%	100.0% #8F63DB	RGB 143 99 219	#8F63DB

#474D4A #535062 #5F547A #6B5892 #775BAA #835FC2 #8F63DB

#474D4A - #8F63DB

HSV Blend

#474D4A - #8F63DB | 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 #474D4A as 0% and #8F63DB as 100%.

0.0%	0.0% #474D4A	RGB 71 77 74	#474D4A
16.7%	16.7% #546461	RGB 84 100 97	#546461
33.3%	33.3% #5F787C	RGB 95 120 124	#5F787C
50.0%	50.0% #657F94	RGB 101 127 148	#657F94
66.7%	66.7% #6879AB	RGB 104 121 171	#6879AB
83.3%	83.3% #6C67C3	RGB 108 103 195	#6C67C3
100.0%	100.0% #8F63DB	RGB 143 99 219	#8F63DB

#474D4A #546461 #5F787C #657F94 #6879AB #6C67C3 #8F63DB

#474D4A - #657F94 - #8F63DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474D4A 0%, #657F94 50%, #8F63DB 100%);
    background: -webkit-linear-gradient(top, #474D4A 0%, #657F94 50%, #8F63DB 100%);
    background: linear-gradient(to bottom, #474D4A 0%, #657F94 50%, #8F63DB 100%);
}
</style>