#031D40 - #2F5E83 | 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 #031D40 to #2F5E83

#031D40 #2F5E83

Calculate the color between two colors, #031D40 and #2F5E83. 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)

#031D40 - #2F5E83 | 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 #031D40 as 0% and #2F5E83 as 100%.

0.0%	0.0% #031D40	RGB 3 29 64	#031D40
16.7%	16.7% #0A274B	RGB 10 39 75	#0A274B
33.3%	33.3% #113256	RGB 17 50 86	#113256
50.0%	50.0% #193D61	RGB 25 61 97	#193D61
66.7%	66.7% #20486C	RGB 32 72 108	#20486C
83.3%	83.3% #275377	RGB 39 83 119	#275377
100.0%	100.0% #2F5E83	RGB 47 94 131	#2F5E83

#031D40 #0A274B #113256 #193D61 #20486C #275377 #2F5E83

#031D40 - #2F5E83

HSV Blend

#031D40 - #2F5E83 | 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 #031D40 as 0% and #2F5E83 as 100%.

0.0%	0.0% #031C40	RGB 3 28 64	#031C40
16.7%	16.7% #07254B	RGB 7 37 75	#07254B
33.3%	33.3% #0D2F56	RGB 13 47 86	#0D2F56
50.0%	50.0% #133A61	RGB 19 58 97	#133A61
66.7%	66.7% #1B456C	RGB 27 69 108	#1B456C
83.3%	83.3% #245177	RGB 36 81 119	#245177
100.0%	100.0% #2F5E83	RGB 47 94 131	#2F5E83

#031C40 #07254B #0D2F56 #133A61 #1B456C #245177 #2F5E83

#031D40 - #133A61 - #2F5E83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #031C40 0%, #133A61 50%, #2F5E83 100%);
    background: -webkit-linear-gradient(top, #031C40 0%, #133A61 50%, #2F5E83 100%);
    background: linear-gradient(to bottom, #031C40 0%, #133A61 50%, #2F5E83 100%);
}
</style>