#5D4A8C - #1B0B58 | 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 #5D4A8C to #1B0B58

#5D4A8C #1B0B58

Calculate the color between two colors, #5D4A8C and #1B0B58. 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)

#5D4A8C - #1B0B58 | 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 #5D4A8C as 0% and #1B0B58 as 100%.

0.0%	0.0% #5D4A8C	RGB 93 74 140	#5D4A8C
16.7%	16.7% #523F83	RGB 82 63 131	#523F83
33.3%	33.3% #47357A	RGB 71 53 122	#47357A
50.0%	50.0% #3C2A72	RGB 60 42 114	#3C2A72
66.7%	66.7% #312069	RGB 49 32 105	#312069
83.3%	83.3% #261560	RGB 38 21 96	#261560
100.0%	100.0% #1B0B58	RGB 27 11 88	#1B0B58

#5D4A8C #523F83 #47357A #3C2A72 #312069 #261560 #1B0B58

#5D4A8C - #1B0B58

HSV Blend

#5D4A8C - #1B0B58 | 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 #5D4A8C as 0% and #1B0B58 as 100%.

0.0%	0.0% #5D4A8C	RGB 93 74 140	#5D4A8C
16.7%	16.7% #503C83	RGB 80 60 131	#503C83
33.3%	33.3% #43307A	RGB 67 48 122	#43307A
50.0%	50.0% #382572	RGB 56 37 114	#382572
66.7%	66.7% #2D1B69	RGB 45 27 105	#2D1B69
83.3%	83.3% #231260	RGB 35 18 96	#231260
100.0%	100.0% #1B0B58	RGB 27 11 88	#1B0B58

#5D4A8C #503C83 #43307A #382572 #2D1B69 #231260 #1B0B58

#5D4A8C - #382572 - #1B0B58

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4A8C 0%, #382572 50%, #1B0B58 100%);
    background: -webkit-linear-gradient(top, #5D4A8C 0%, #382572 50%, #1B0B58 100%);
    background: linear-gradient(to bottom, #5D4A8C 0%, #382572 50%, #1B0B58 100%);
}
</style>