#5E5CB6 - #350C59 | 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 #5E5CB6 to #350C59

#5E5CB6 #350C59

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

#5E5CB6 - #350C59 | 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 #5E5CB6 as 0% and #350C59 as 100%.

0.0%	0.0% #5E5CB6	RGB 94 92 182	#5E5CB6
16.7%	16.7% #574EA6	RGB 87 78 166	#574EA6
33.3%	33.3% #504197	RGB 80 65 151	#504197
50.0%	50.0% #493487	RGB 73 52 135	#493487
66.7%	66.7% #422678	RGB 66 38 120	#422678
83.3%	83.3% #3B1968	RGB 59 25 104	#3B1968
100.0%	100.0% #350C59	RGB 53 12 89	#350C59

#5E5CB6 #574EA6 #504197 #493487 #422678 #3B1968 #350C59

#5E5CB6 - #350C59

HSV Blend

#5E5CB6 - #350C59 | 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 #5E5CB6 as 0% and #350C59 as 100%.

0.0%	0.0% #5D5CB6	RGB 93 92 182	#5D5CB6
16.7%	16.7% #5349A6	RGB 83 73 166	#5349A6
33.3%	33.3% #4B3997	RGB 75 57 151	#4B3997
50.0%	50.0% #442B87	RGB 68 43 135	#442B87
66.7%	66.7% #3F1F78	RGB 63 31 120	#3F1F78
83.3%	83.3% #3A1468	RGB 58 20 104	#3A1468
100.0%	100.0% #350C59	RGB 53 12 89	#350C59

#5D5CB6 #5349A6 #4B3997 #442B87 #3F1F78 #3A1468 #350C59

#5E5CB6 - #442B87 - #350C59

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5CB6 0%, #442B87 50%, #350C59 100%);
    background: -webkit-linear-gradient(top, #5D5CB6 0%, #442B87 50%, #350C59 100%);
    background: linear-gradient(to bottom, #5D5CB6 0%, #442B87 50%, #350C59 100%);
}
</style>