#5A6BA1 - #191E2E | 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 #5A6BA1 to #191E2E

#5A6BA1 #191E2E

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

#5A6BA1 - #191E2E | 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 #5A6BA1 as 0% and #191E2E as 100%.

0.0%	0.0% #5A6BA1	RGB 90 107 161	#5A6BA1
16.7%	16.7% #4F5E8D	RGB 79 94 141	#4F5E8D
33.3%	33.3% #44517A	RGB 68 81 122	#44517A
50.0%	50.0% #394467	RGB 57 68 103	#394467
66.7%	66.7% #2E3754	RGB 46 55 84	#2E3754
83.3%	83.3% #232A41	RGB 35 42 65	#232A41
100.0%	100.0% #191E2E	RGB 25 30 46	#191E2E

#5A6BA1 #4F5E8D #44517A #394467 #2E3754 #232A41 #191E2E

#5A6BA1 - #191E2E

HSV Blend

#5A6BA1 - #191E2E | 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 #5A6BA1 as 0% and #191E2E as 100%.

0.0%	0.0% #5A6BA1	RGB 90 107 161	#5A6BA1
16.7%	16.7% #4E5D8D	RGB 78 93 141	#4E5D8D
33.3%	33.3% #43517A	RGB 67 81 122	#43517A
50.0%	50.0% #394467	RGB 57 68 103	#394467
66.7%	66.7% #2E3754	RGB 46 55 84	#2E3754
83.3%	83.3% #232A41	RGB 35 42 65	#232A41
100.0%	100.0% #191E2E	RGB 25 30 46	#191E2E

#5A6BA1 #4E5D8D #43517A #394467 #2E3754 #232A41 #191E2E

#5A6BA1 - #394467 - #191E2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A6BA1 0%, #394467 50%, #191E2E 100%);
    background: -webkit-linear-gradient(top, #5A6BA1 0%, #394467 50%, #191E2E 100%);
    background: linear-gradient(to bottom, #5A6BA1 0%, #394467 50%, #191E2E 100%);
}
</style>