#534C5E - #24084D | 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 #534C5E to #24084D

#534C5E #24084D

Calculate the color between two colors, #534C5E and #24084D. 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)

#534C5E - #24084D | 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 #534C5E as 0% and #24084D as 100%.

0.0%	0.0% #534C5E	RGB 83 76 94	#534C5E
16.7%	16.7% #4B405B	RGB 75 64 91	#4B405B
33.3%	33.3% #433558	RGB 67 53 88	#433558
50.0%	50.0% #3B2A55	RGB 59 42 85	#3B2A55
66.7%	66.7% #331E52	RGB 51 30 82	#331E52
83.3%	83.3% #2B134F	RGB 43 19 79	#2B134F
100.0%	100.0% #24084D	RGB 36 8 77	#24084D

#534C5E #4B405B #433558 #3B2A55 #331E52 #2B134F #24084D

#534C5E - #24084D

HSV Blend

#534C5E - #24084D | 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 #534C5E as 0% and #24084D as 100%.

0.0%	0.0% #534C5E	RGB 83 76 94	#534C5E
16.7%	16.7% #4A3F5B	RGB 74 63 91	#4A3F5B
33.3%	33.3% #413258	RGB 65 50 88	#413258
50.0%	50.0% #392755	RGB 57 39 85	#392755
66.7%	66.7% #311C52	RGB 49 28 82	#311C52
83.3%	83.3% #2A114F	RGB 42 17 79	#2A114F
100.0%	100.0% #24084D	RGB 36 8 77	#24084D

#534C5E #4A3F5B #413258 #392755 #311C52 #2A114F #24084D

#534C5E - #392755 - #24084D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #534C5E 0%, #392755 50%, #24084D 100%);
    background: -webkit-linear-gradient(top, #534C5E 0%, #392755 50%, #24084D 100%);
    background: linear-gradient(to bottom, #534C5E 0%, #392755 50%, #24084D 100%);
}
</style>