#483C5E - #6B8EA7 | 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 #483C5E to #6B8EA7

#483C5E #6B8EA7

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

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

0.0%	0.0% #483C5E	RGB 72 60 94	#483C5E
16.7%	16.7% #4D496A	RGB 77 73 106	#4D496A
33.3%	33.3% #535776	RGB 83 87 118	#535776
50.0%	50.0% #596582	RGB 89 101 130	#596582
66.7%	66.7% #5F728E	RGB 95 114 142	#5F728E
83.3%	83.3% #65809A	RGB 101 128 154	#65809A
100.0%	100.0% #6B8EA7	RGB 107 142 167	#6B8EA7

#483C5E #4D496A #535776 #596582 #5F728E #65809A #6B8EA7

#483C5E - #6B8EA7

HSV Blend

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

0.0%	0.0% #483C5E	RGB 72 60 94	#483C5E
16.7%	16.7% #4B436A	RGB 75 67 106	#4B436A
33.3%	33.3% #4D4B76	RGB 77 75 118	#4D4B76
50.0%	50.0% #535882	RGB 83 88 130	#535882
66.7%	66.7% #5B698E	RGB 91 105 142	#5B698E
83.3%	83.3% #637A9A	RGB 99 122 154	#637A9A
100.0%	100.0% #6B8EA7	RGB 107 142 167	#6B8EA7

#483C5E #4B436A #4D4B76 #535882 #5B698E #637A9A #6B8EA7

#483C5E - #535882 - #6B8EA7

CSS codes

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

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