#5B5E7C - #191A23 | 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 #5B5E7C to #191A23

#5B5E7C #191A23

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

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

0.0%	0.0% #5B5E7C	RGB 91 94 124	#5B5E7C
16.7%	16.7% #50526D	RGB 80 82 109	#50526D
33.3%	33.3% #45475E	RGB 69 71 94	#45475E
50.0%	50.0% #3A3C4F	RGB 58 60 79	#3A3C4F
66.7%	66.7% #2F3040	RGB 47 48 64	#2F3040
83.3%	83.3% #242531	RGB 36 37 49	#242531
100.0%	100.0% #191A23	RGB 25 26 35	#191A23

#5B5E7C #50526D #45475E #3A3C4F #2F3040 #242531 #191A23

#5B5E7C - #191A23

HSV Blend

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

0.0%	0.0% #5B5E7C	RGB 91 94 124	#5B5E7C
16.7%	16.7% #4F526D	RGB 79 82 109	#4F526D
33.3%	33.3% #44475E	RGB 68 71 94	#44475E
50.0%	50.0% #393B4F	RGB 57 59 79	#393B4F
66.7%	66.7% #2E3040	RGB 46 48 64	#2E3040
83.3%	83.3% #232531	RGB 35 37 49	#232531
100.0%	100.0% #191A23	RGB 25 26 35	#191A23

#5B5E7C #4F526D #44475E #393B4F #2E3040 #232531 #191A23

#5B5E7C - #393B4F - #191A23

CSS codes

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

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