#5E5C95 - #35123C | 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 #5E5C95 to #35123C

#5E5C95 #35123C

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

#5E5C95 - #35123C | 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 #5E5C95 as 0% and #35123C as 100%.

0.0%	0.0% #5E5C95	RGB 94 92 149	#5E5C95
16.7%	16.7% #574F86	RGB 87 79 134	#574F86
33.3%	33.3% #504377	RGB 80 67 119	#504377
50.0%	50.0% #493768	RGB 73 55 104	#493768
66.7%	66.7% #422A59	RGB 66 42 89	#422A59
83.3%	83.3% #3B1E4A	RGB 59 30 74	#3B1E4A
100.0%	100.0% #35123C	RGB 53 18 60	#35123C

#5E5C95 #574F86 #504377 #493768 #422A59 #3B1E4A #35123C

#5E5C95 - #35123C

HSV Blend

#5E5C95 - #35123C | 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 #5E5C95 as 0% and #35123C as 100%.

0.0%	0.0% #5E5C95	RGB 94 92 149	#5E5C95
16.7%	16.7% #554B86	RGB 85 75 134	#554B86
33.3%	33.3% #4E3D77	RGB 78 61 119	#4E3D77
50.0%	50.0% #482F68	RGB 72 47 104	#482F68
66.7%	66.7% #422459	RGB 66 36 89	#422459
83.3%	83.3% #3C1A4A	RGB 60 26 74	#3C1A4A
100.0%	100.0% #35123C	RGB 53 18 60	#35123C

#5E5C95 #554B86 #4E3D77 #482F68 #422459 #3C1A4A #35123C

#5E5C95 - #482F68 - #35123C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C95 0%, #482F68 50%, #35123C 100%);
    background: -webkit-linear-gradient(top, #5E5C95 0%, #482F68 50%, #35123C 100%);
    background: linear-gradient(to bottom, #5E5C95 0%, #482F68 50%, #35123C 100%);
}
</style>