#5E4284 - #280B2C | 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 #5E4284 to #280B2C

#5E4284 #280B2C

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

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

0.0%	0.0% #5E4284	RGB 94 66 132	#5E4284
16.7%	16.7% #553875	RGB 85 56 117	#553875
33.3%	33.3% #4C2F66	RGB 76 47 102	#4C2F66
50.0%	50.0% #432658	RGB 67 38 88	#432658
66.7%	66.7% #3A1D49	RGB 58 29 73	#3A1D49
83.3%	83.3% #31143A	RGB 49 20 58	#31143A
100.0%	100.0% #280B2C	RGB 40 11 44	#280B2C

#5E4284 #553875 #4C2F66 #432658 #3A1D49 #31143A #280B2C

#5E4284 - #280B2C

HSV Blend

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

0.0%	0.0% #5D4284	RGB 93 66 132	#5D4284
16.7%	16.7% #553575	RGB 85 53 117	#553575
33.3%	33.3% #4D2A66	RGB 77 42 102	#4D2A66
50.0%	50.0% #442158	RGB 68 33 88	#442158
66.7%	66.7% #3C1849	RGB 60 24 73	#3C1849
83.3%	83.3% #32113A	RGB 50 17 58	#32113A
100.0%	100.0% #280B2C	RGB 40 11 44	#280B2C

#5D4284 #553575 #4D2A66 #442158 #3C1849 #32113A #280B2C

#5E4284 - #442158 - #280B2C

CSS codes

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

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