#534D5E - #280A50 | 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 #534D5E to #280A50

#534D5E #280A50

Calculate the color between two colors, #534D5E and #280A50. 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)

#534D5E - #280A50 | 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 #534D5E as 0% and #280A50 as 100%.

0.0%	0.0% #534D5E	RGB 83 77 94	#534D5E
16.7%	16.7% #4B415B	RGB 75 65 91	#4B415B
33.3%	33.3% #443659	RGB 68 54 89	#443659
50.0%	50.0% #3D2B57	RGB 61 43 87	#3D2B57
66.7%	66.7% #362054	RGB 54 32 84	#362054
83.3%	83.3% #2F1552	RGB 47 21 82	#2F1552
100.0%	100.0% #280A50	RGB 40 10 80	#280A50

#534D5E #4B415B #443659 #3D2B57 #362054 #2F1552 #280A50

#534D5E - #280A50

HSV Blend

#534D5E - #280A50 | 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 #534D5E as 0% and #280A50 as 100%.

0.0%	0.0% #534D5E	RGB 83 77 94	#534D5E
16.7%	16.7% #4A405B	RGB 74 64 91	#4A405B
33.3%	33.3% #423459	RGB 66 52 89	#423459
50.0%	50.0% #3B2957	RGB 59 41 87	#3B2957
66.7%	66.7% #341E54	RGB 52 30 84	#341E54
83.3%	83.3% #2D1352	RGB 45 19 82	#2D1352
100.0%	100.0% #280A50	RGB 40 10 80	#280A50

#534D5E #4A405B #423459 #3B2957 #341E54 #2D1352 #280A50

#534D5E - #3B2957 - #280A50

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #534D5E 0%, #3B2957 50%, #280A50 100%);
    background: -webkit-linear-gradient(top, #534D5E 0%, #3B2957 50%, #280A50 100%);
    background: linear-gradient(to bottom, #534D5E 0%, #3B2957 50%, #280A50 100%);
}
</style>