#351039 - #5E3F83 | 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 #351039 to #5E3F83

#351039 #5E3F83

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

#351039 - #5E3F83 | 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 #351039 as 0% and #5E3F83 as 100%.

0.0%	0.0% #351039	RGB 53 16 57	#351039
16.7%	16.7% #3B1745	RGB 59 23 69	#3B1745
33.3%	33.3% #421F51	RGB 66 31 81	#421F51
50.0%	50.0% #49275E	RGB 73 39 94	#49275E
66.7%	66.7% #502F6A	RGB 80 47 106	#502F6A
83.3%	83.3% #573776	RGB 87 55 118	#573776
100.0%	100.0% #5E3F83	RGB 94 63 131	#5E3F83

#351039 #3B1745 #421F51 #49275E #502F6A #573776 #5E3F83

#351039 - #5E3F83

HSV Blend

#351039 - #5E3F83 | 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 #351039 as 0% and #5E3F83 as 100%.

0.0%	0.0% #351039	RGB 53 16 57	#351039
16.7%	16.7% #3D1545	RGB 61 21 69	#3D1545
33.3%	33.3% #441C51	RGB 68 28 81	#441C51
50.0%	50.0% #4B235E	RGB 75 35 94	#4B235E
66.7%	66.7% #512C6A	RGB 81 44 106	#512C6A
83.3%	83.3% #573576	RGB 87 53 118	#573576
100.0%	100.0% #5E3F83	RGB 94 63 131	#5E3F83

#351039 #3D1545 #441C51 #4B235E #512C6A #573576 #5E3F83

#351039 - #4B235E - #5E3F83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #351039 0%, #4B235E 50%, #5E3F83 100%);
    background: -webkit-linear-gradient(top, #351039 0%, #4B235E 50%, #5E3F83 100%);
    background: linear-gradient(to bottom, #351039 0%, #4B235E 50%, #5E3F83 100%);
}
</style>