#5A6A8C - #191D28 | 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 #5A6A8C to #191D28

#5A6A8C #191D28

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

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

0.0%	0.0% #5A6A8C	RGB 90 106 140	#5A6A8C
16.7%	16.7% #4F5D7B	RGB 79 93 123	#4F5D7B
33.3%	33.3% #44506A	RGB 68 80 106	#44506A
50.0%	50.0% #39435A	RGB 57 67 90	#39435A
66.7%	66.7% #2E3649	RGB 46 54 73	#2E3649
83.3%	83.3% #232938	RGB 35 41 56	#232938
100.0%	100.0% #191D28	RGB 25 29 40	#191D28

#5A6A8C #4F5D7B #44506A #39435A #2E3649 #232938 #191D28

#5A6A8C - #191D28

HSV Blend

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

0.0%	0.0% #5A6A8C	RGB 90 106 140	#5A6A8C
16.7%	16.7% #4E5C7B	RGB 78 92 123	#4E5C7B
33.3%	33.3% #434F6A	RGB 67 79 106	#434F6A
50.0%	50.0% #39425A	RGB 57 66 90	#39425A
66.7%	66.7% #2E3549	RGB 46 53 73	#2E3549
83.3%	83.3% #232938	RGB 35 41 56	#232938
100.0%	100.0% #191D28	RGB 25 29 40	#191D28

#5A6A8C #4E5C7B #434F6A #39425A #2E3549 #232938 #191D28

#5A6A8C - #39425A - #191D28

CSS codes

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

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