#161F5E - #445F99 | 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 #161F5E to #445F99

#161F5E #445F99

Calculate the color between two colors, #161F5E and #445F99. 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)

#161F5E - #445F99 | 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 #161F5E as 0% and #445F99 as 100%.

0.0%	0.0% #161F5E	RGB 22 31 94	#161F5E
16.7%	16.7% #1D2967	RGB 29 41 103	#1D2967
33.3%	33.3% #253471	RGB 37 52 113	#253471
50.0%	50.0% #2D3F7B	RGB 45 63 123	#2D3F7B
66.7%	66.7% #344985	RGB 52 73 133	#344985
83.3%	83.3% #3C548F	RGB 60 84 143	#3C548F
100.0%	100.0% #445F99	RGB 68 95 153	#445F99

#161F5E #1D2967 #253471 #2D3F7B #344985 #3C548F #445F99

#161F5E - #445F99

HSV Blend

#161F5E - #445F99 | 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 #161F5E as 0% and #445F99 as 100%.

0.0%	0.0% #151F5E	RGB 21 31 94	#151F5E
16.7%	16.7% #1B2767	RGB 27 39 103	#1B2767
33.3%	33.3% #223171	RGB 34 49 113	#223171
50.0%	50.0% #293B7B	RGB 41 59 123	#293B7B
66.7%	66.7% #314785	RGB 49 71 133	#314785
83.3%	83.3% #3A528F	RGB 58 82 143	#3A528F
100.0%	100.0% #445F99	RGB 68 95 153	#445F99

#151F5E #1B2767 #223171 #293B7B #314785 #3A528F #445F99

#161F5E - #293B7B - #445F99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151F5E 0%, #293B7B 50%, #445F99 100%);
    background: -webkit-linear-gradient(top, #151F5E 0%, #293B7B 50%, #445F99 100%);
    background: linear-gradient(to bottom, #151F5E 0%, #293B7B 50%, #445F99 100%);
}
</style>