#5E6A7E - #1F2151 | 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 #5E6A7E to #1F2151

#5E6A7E #1F2151

Calculate the color between two colors, #5E6A7E and #1F2151. 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)

#5E6A7E - #1F2151 | 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 #5E6A7E as 0% and #1F2151 as 100%.

0.0%	0.0% #5E6A7E	RGB 94 106 126	#5E6A7E
16.7%	16.7% #535D76	RGB 83 93 118	#535D76
33.3%	33.3% #49516F	RGB 73 81 111	#49516F
50.0%	50.0% #3E4567	RGB 62 69 103	#3E4567
66.7%	66.7% #343960	RGB 52 57 96	#343960
83.3%	83.3% #292D58	RGB 41 45 88	#292D58
100.0%	100.0% #1F2151	RGB 31 33 81	#1F2151

#5E6A7E #535D76 #49516F #3E4567 #343960 #292D58 #1F2151

#5E6A7E - #1F2151

HSV Blend

#5E6A7E - #1F2151 | 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 #5E6A7E as 0% and #1F2151 as 100%.

0.0%	0.0% #5E6A7E	RGB 94 106 126	#5E6A7E
16.7%	16.7% #515D76	RGB 81 93 118	#515D76
33.3%	33.3% #45506F	RGB 69 80 111	#45506F
50.0%	50.0% #3A4367	RGB 58 67 103	#3A4367
66.7%	66.7% #303760	RGB 48 55 96	#303760
83.3%	83.3% #272B58	RGB 39 43 88	#272B58
100.0%	100.0% #1F2151	RGB 31 33 81	#1F2151

#5E6A7E #515D76 #45506F #3A4367 #303760 #272B58 #1F2151

#5E6A7E - #3A4367 - #1F2151

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A7E 0%, #3A4367 50%, #1F2151 100%);
    background: -webkit-linear-gradient(top, #5E6A7E 0%, #3A4367 50%, #1F2151 100%);
    background: linear-gradient(to bottom, #5E6A7E 0%, #3A4367 50%, #1F2151 100%);
}
</style>