#5D61B3 - #0C0B5E | 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 #5D61B3 to #0C0B5E

#5D61B3 #0C0B5E

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

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

0.0%	0.0% #5D61B3	RGB 93 97 179	#5D61B3
16.7%	16.7% #4F52A4	RGB 79 82 164	#4F52A4
33.3%	33.3% #424496	RGB 66 68 150	#424496
50.0%	50.0% #343688	RGB 52 54 136	#343688
66.7%	66.7% #27277A	RGB 39 39 122	#27277A
83.3%	83.3% #19196C	RGB 25 25 108	#19196C
100.0%	100.0% #0C0B5E	RGB 12 11 94	#0C0B5E

#5D61B3 #4F52A4 #424496 #343688 #27277A #19196C #0C0B5E

#5D61B3 - #0C0B5E

HSV Blend

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

0.0%	0.0% #5D61B3	RGB 93 97 179	#5D61B3
16.7%	16.7% #4A4DA4	RGB 74 77 164	#4A4DA4
33.3%	33.3% #3A3C96	RGB 58 60 150	#3A3C96
50.0%	50.0% #2B2D88	RGB 43 45 136	#2B2D88
66.7%	66.7% #1E1F7A	RGB 30 31 122	#1E1F7A
83.3%	83.3% #14136C	RGB 20 19 108	#14136C
100.0%	100.0% #0C0B5E	RGB 12 11 94	#0C0B5E

#5D61B3 #4A4DA4 #3A3C96 #2B2D88 #1E1F7A #14136C #0C0B5E

#5D61B3 - #2B2D88 - #0C0B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D61B3 0%, #2B2D88 50%, #0C0B5E 100%);
    background: -webkit-linear-gradient(top, #5D61B3 0%, #2B2D88 50%, #0C0B5E 100%);
    background: linear-gradient(to bottom, #5D61B3 0%, #2B2D88 50%, #0C0B5E 100%);
}
</style>