#473E5E - #658BB7 | 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 #473E5E to #658BB7

#473E5E #658BB7

Calculate the color between two colors, #473E5E and #658BB7. 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)

#473E5E - #658BB7 | 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 #473E5E as 0% and #658BB7 as 100%.

0.0%	0.0% #473E5E	RGB 71 62 94	#473E5E
16.7%	16.7% #4C4A6C	RGB 76 74 108	#4C4A6C
33.3%	33.3% #51577B	RGB 81 87 123	#51577B
50.0%	50.0% #56648A	RGB 86 100 138	#56648A
66.7%	66.7% #5B7199	RGB 91 113 153	#5B7199
83.3%	83.3% #607EA8	RGB 96 126 168	#607EA8
100.0%	100.0% #658BB7	RGB 101 139 183	#658BB7

#473E5E #4C4A6C #51577B #56648A #5B7199 #607EA8 #658BB7

#473E5E - #658BB7

HSV Blend

#473E5E - #658BB7 | 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 #473E5E as 0% and #658BB7 as 100%.

0.0%	0.0% #473E5E	RGB 71 62 94	#473E5E
16.7%	16.7% #4B456C	RGB 75 69 108	#4B456C
33.3%	33.3% #4E4D7B	RGB 78 77 123	#4E4D7B
50.0%	50.0% #53588A	RGB 83 88 138	#53588A
66.7%	66.7% #5A6799	RGB 90 103 153	#5A6799
83.3%	83.3% #5F78A8	RGB 95 120 168	#5F78A8
100.0%	100.0% #658BB7	RGB 101 139 183	#658BB7

#473E5E #4B456C #4E4D7B #53588A #5A6799 #5F78A8 #658BB7

#473E5E - #53588A - #658BB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473E5E 0%, #53588A 50%, #658BB7 100%);
    background: -webkit-linear-gradient(top, #473E5E 0%, #53588A 50%, #658BB7 100%);
    background: linear-gradient(to bottom, #473E5E 0%, #53588A 50%, #658BB7 100%);
}
</style>