#5B4A8C - #280F59 | 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 #5B4A8C to #280F59

#5B4A8C #280F59

Calculate the color between two colors, #5B4A8C and #280F59. 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)

#5B4A8C - #280F59 | 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 #5B4A8C as 0% and #280F59 as 100%.

0.0%	0.0% #5B4A8C	RGB 91 74 140	#5B4A8C
16.7%	16.7% #524083	RGB 82 64 131	#524083
33.3%	33.3% #4A367B	RGB 74 54 123	#4A367B
50.0%	50.0% #412C72	RGB 65 44 114	#412C72
66.7%	66.7% #39226A	RGB 57 34 106	#39226A
83.3%	83.3% #301861	RGB 48 24 97	#301861
100.0%	100.0% #280F59	RGB 40 15 89	#280F59

#5B4A8C #524083 #4A367B #412C72 #39226A #301861 #280F59

#5B4A8C - #280F59

HSV Blend

#5B4A8C - #280F59 | 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 #5B4A8C as 0% and #280F59 as 100%.

0.0%	0.0% #5B4A8C	RGB 91 74 140	#5B4A8C
16.7%	16.7% #503D83	RGB 80 61 131	#503D83
33.3%	33.3% #46327B	RGB 70 50 123	#46327B
50.0%	50.0% #3E2772	RGB 62 39 114	#3E2772
66.7%	66.7% #361E6A	RGB 54 30 106	#361E6A
83.3%	83.3% #2E1661	RGB 46 22 97	#2E1661
100.0%	100.0% #280F59	RGB 40 15 89	#280F59

#5B4A8C #503D83 #46327B #3E2772 #361E6A #2E1661 #280F59

#5B4A8C - #3E2772 - #280F59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B4A8C 0%, #3E2772 50%, #280F59 100%);
    background: -webkit-linear-gradient(top, #5B4A8C 0%, #3E2772 50%, #280F59 100%);
    background: linear-gradient(to bottom, #5B4A8C 0%, #3E2772 50%, #280F59 100%);
}
</style>