#592E5E - #320640 | 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 #592E5E to #320640

#592E5E #320640

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

#592E5E - #320640 | 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 #592E5E as 0% and #320640 as 100%.

0.0%	0.0% #592E5E	RGB 89 46 94	#592E5E
16.7%	16.7% #522759	RGB 82 39 89	#522759
33.3%	33.3% #4C2054	RGB 76 32 84	#4C2054
50.0%	50.0% #451A4F	RGB 69 26 79	#451A4F
66.7%	66.7% #3F134A	RGB 63 19 74	#3F134A
83.3%	83.3% #380C45	RGB 56 12 69	#380C45
100.0%	100.0% #320640	RGB 50 6 64	#320640

#592E5E #522759 #4C2054 #451A4F #3F134A #380C45 #320640

#592E5E - #320640

HSV Blend

#592E5E - #320640 | 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 #592E5E as 0% and #320640 as 100%.

0.0%	0.0% #582E5E	RGB 88 46 94	#582E5E
16.7%	16.7% #522559	RGB 82 37 89	#522559
33.3%	33.3% #4B1E54	RGB 75 30 84	#4B1E54
50.0%	50.0% #45174F	RGB 69 23 79	#45174F
66.7%	66.7% #3E104A	RGB 62 16 74	#3E104A
83.3%	83.3% #380B45	RGB 56 11 69	#380B45
100.0%	100.0% #320640	RGB 50 6 64	#320640

#582E5E #522559 #4B1E54 #45174F #3E104A #380B45 #320640

#592E5E - #45174F - #320640

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #582E5E 0%, #45174F 50%, #320640 100%);
    background: -webkit-linear-gradient(top, #582E5E 0%, #45174F 50%, #320640 100%);
    background: linear-gradient(to bottom, #582E5E 0%, #45174F 50%, #320640 100%);
}
</style>