#474D5E - #BC83D4 | 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 #474D5E to #BC83D4

#474D5E #BC83D4

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

#474D5E - #BC83D4 | 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 #474D5E as 0% and #BC83D4 as 100%.

0.0%	0.0% #474D5E	RGB 71 77 94	#474D5E
16.7%	16.7% #5A5671	RGB 90 86 113	#5A5671
33.3%	33.3% #6E5F85	RGB 110 95 133	#6E5F85
50.0%	50.0% #816899	RGB 129 104 153	#816899
66.7%	66.7% #9571AC	RGB 149 113 172	#9571AC
83.3%	83.3% #A87AC0	RGB 168 122 192	#A87AC0
100.0%	100.0% #BC83D4	RGB 188 131 212	#BC83D4

#474D5E #5A5671 #6E5F85 #816899 #9571AC #A87AC0 #BC83D4

#474D5E - #BC83D4

HSV Blend

#474D5E - #BC83D4 | 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 #474D5E as 0% and #BC83D4 as 100%.

0.0%	0.0% #474D5E	RGB 71 77 94	#474D5E
16.7%	16.7% #535671	RGB 83 86 113	#535671
33.3%	33.3% #605E85	RGB 96 94 133	#605E85
50.0%	50.0% #736999	RGB 115 105 153	#736999
66.7%	66.7% #8872AC	RGB 136 114 172	#8872AC
83.3%	83.3% #A07BC0	RGB 160 123 192	#A07BC0
100.0%	100.0% #BC83D4	RGB 188 131 212	#BC83D4

#474D5E #535671 #605E85 #736999 #8872AC #A07BC0 #BC83D4

#474D5E - #736999 - #BC83D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474D5E 0%, #736999 50%, #BC83D4 100%);
    background: -webkit-linear-gradient(top, #474D5E 0%, #736999 50%, #BC83D4 100%);
    background: linear-gradient(to bottom, #474D5E 0%, #736999 50%, #BC83D4 100%);
}
</style>