#003B5E - #19130F | 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 #003B5E to #19130F

#003B5E #19130F

Calculate the color between two colors, #003B5E and #19130F. 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)

#003B5E - #19130F | 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 #003B5E as 0% and #19130F as 100%.

0.0%	0.0% #003B5E	RGB 0 59 94	#003B5E
16.7%	16.7% #043450	RGB 4 52 80	#043450
33.3%	33.3% #082D43	RGB 8 45 67	#082D43
50.0%	50.0% #0C2736	RGB 12 39 54	#0C2736
66.7%	66.7% #102029	RGB 16 32 41	#102029
83.3%	83.3% #14191C	RGB 20 25 28	#14191C
100.0%	100.0% #19130F	RGB 25 19 15	#19130F

#003B5E #043450 #082D43 #0C2736 #102029 #14191C #19130F

#003B5E - #19130F

HSV Blend

#003B5E - #19130F | 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 #003B5E as 0% and #19130F as 100%.

0.0%	0.0% #003B5E	RGB 0 59 94	#003B5E
16.7%	16.7% #085249	RGB 8 82 73	#085249
33.3%	33.3% #0E4723	RGB 14 71 35	#0E4723
50.0%	50.0% #163B11	RGB 22 59 17	#163B11
66.7%	66.7% #243013	RGB 36 48 19	#243013
83.3%	83.3% #242212	RGB 36 34 18	#242212
100.0%	100.0% #19130F	RGB 25 19 15	#19130F

#003B5E #085249 #0E4723 #163B11 #243013 #242212 #19130F

#003B5E - #163B11 - #19130F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003B5E 0%, #163B11 50%, #19130F 100%);
    background: -webkit-linear-gradient(top, #003B5E 0%, #163B11 50%, #19130F 100%);
    background: linear-gradient(to bottom, #003B5E 0%, #163B11 50%, #19130F 100%);
}
</style>