#5E738F - #194466 | 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 #5E738F to #194466

#5E738F #194466

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

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

0.0%	0.0% #5E738F	RGB 94 115 143	#5E738F
16.7%	16.7% #526B88	RGB 82 107 136	#526B88
33.3%	33.3% #476381	RGB 71 99 129	#476381
50.0%	50.0% #3B5B7A	RGB 59 91 122	#3B5B7A
66.7%	66.7% #305373	RGB 48 83 115	#305373
83.3%	83.3% #244B6C	RGB 36 75 108	#244B6C
100.0%	100.0% #194466	RGB 25 68 102	#194466

#5E738F #526B88 #476381 #3B5B7A #305373 #244B6C #194466

#5E738F - #194466

HSV Blend

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

0.0%	0.0% #5E738F	RGB 94 115 143	#5E738F
16.7%	16.7% #506988	RGB 80 105 136	#506988
33.3%	33.3% #436081	RGB 67 96 129	#436081
50.0%	50.0% #37587A	RGB 55 88 122	#37587A
66.7%	66.7% #2C5173	RGB 44 81 115	#2C5173
83.3%	83.3% #224A6C	RGB 34 74 108	#224A6C
100.0%	100.0% #194466	RGB 25 68 102	#194466

#5E738F #506988 #436081 #37587A #2C5173 #224A6C #194466

#5E738F - #37587A - #194466

CSS codes

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

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