#473C5E - #6B8DA7 | 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 #473C5E to #6B8DA7

#473C5E #6B8DA7

Calculate the color between two colors, #473C5E and #6B8DA7. 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)

#473C5E - #6B8DA7 | 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 #473C5E as 0% and #6B8DA7 as 100%.

0.0%	0.0% #473C5E	RGB 71 60 94	#473C5E
16.7%	16.7% #4D496A	RGB 77 73 106	#4D496A
33.3%	33.3% #535776	RGB 83 87 118	#535776
50.0%	50.0% #596482	RGB 89 100 130	#596482
66.7%	66.7% #5F728E	RGB 95 114 142	#5F728E
83.3%	83.3% #657F9A	RGB 101 127 154	#657F9A
100.0%	100.0% #6B8DA7	RGB 107 141 167	#6B8DA7

#473C5E #4D496A #535776 #596482 #5F728E #657F9A #6B8DA7

#473C5E - #6B8DA7

HSV Blend

#473C5E - #6B8DA7 | 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 #473C5E as 0% and #6B8DA7 as 100%.

0.0%	0.0% #463C5E	RGB 70 60 94	#463C5E
16.7%	16.7% #4A436A	RGB 74 67 106	#4A436A
33.3%	33.3% #4C4B76	RGB 76 75 118	#4C4B76
50.0%	50.0% #535982	RGB 83 89 130	#535982
66.7%	66.7% #5B698E	RGB 91 105 142	#5B698E
83.3%	83.3% #637A9A	RGB 99 122 154	#637A9A
100.0%	100.0% #6B8DA7	RGB 107 141 167	#6B8DA7

#463C5E #4A436A #4C4B76 #535982 #5B698E #637A9A #6B8DA7

#473C5E - #535982 - #6B8DA7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #463C5E 0%, #535982 50%, #6B8DA7 100%);
    background: -webkit-linear-gradient(top, #463C5E 0%, #535982 50%, #6B8DA7 100%);
    background: linear-gradient(to bottom, #463C5E 0%, #535982 50%, #6B8DA7 100%);
}
</style>