#362F5E - #71A0A8 | 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 #362F5E to #71A0A8

#362F5E #71A0A8

Calculate the color between two colors, #362F5E and #71A0A8. 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)

#362F5E - #71A0A8 | 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 #362F5E as 0% and #71A0A8 as 100%.

0.0%	0.0% #362F5E	RGB 54 47 94	#362F5E
16.7%	16.7% #3F416A	RGB 63 65 106	#3F416A
33.3%	33.3% #495476	RGB 73 84 118	#495476
50.0%	50.0% #536783	RGB 83 103 131	#536783
66.7%	66.7% #5D7A8F	RGB 93 122 143	#5D7A8F
83.3%	83.3% #678D9B	RGB 103 141 155	#678D9B
100.0%	100.0% #71A0A8	RGB 113 160 168	#71A0A8

#362F5E #3F416A #495476 #536783 #5D7A8F #678D9B #71A0A8

#362F5E - #71A0A8

HSV Blend

#362F5E - #71A0A8 | 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 #362F5E as 0% and #71A0A8 as 100%.

0.0%	0.0% #362F5E	RGB 54 47 94	#362F5E
16.7%	16.7% #38396A	RGB 56 57 106	#38396A
33.3%	33.3% #424B76	RGB 66 75 118	#424B76
50.0%	50.0% #4C5F83	RGB 76 95 131	#4C5F83
66.7%	66.7% #58748F	RGB 88 116 143	#58748F
83.3%	83.3% #648A9B	RGB 100 138 155	#648A9B
100.0%	100.0% #71A0A8	RGB 113 160 168	#71A0A8

#362F5E #38396A #424B76 #4C5F83 #58748F #648A9B #71A0A8

#362F5E - #4C5F83 - #71A0A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #362F5E 0%, #4C5F83 50%, #71A0A8 100%);
    background: -webkit-linear-gradient(top, #362F5E 0%, #4C5F83 50%, #71A0A8 100%);
    background: linear-gradient(to bottom, #362F5E 0%, #4C5F83 50%, #71A0A8 100%);
}
</style>