#244150 - #031404 | 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 #244150 to #031404

#244150 #031404

Calculate the color between two colors, #244150 and #031404. 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)

#244150 - #031404 | 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 #244150 as 0% and #031404 as 100%.

0.0%	0.0% #244150	RGB 36 65 80	#244150
16.7%	16.7% #1E3943	RGB 30 57 67	#1E3943
33.3%	33.3% #193236	RGB 25 50 54	#193236
50.0%	50.0% #132A2A	RGB 19 42 42	#132A2A
66.7%	66.7% #0E231D	RGB 14 35 29	#0E231D
83.3%	83.3% #081B10	RGB 8 27 16	#081B10
100.0%	100.0% #031404	RGB 3 20 4	#031404

#244150 #1E3943 #193236 #132A2A #0E231D #081B10 #031404

#244150 - #031404

HSV Blend

#244150 - #031404 | 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 #244150 as 0% and #031404 as 100%.

0.0%	0.0% #244150	RGB 36 65 80	#244150
16.7%	16.7% #1C4046	RGB 28 64 70	#1C4046
33.3%	33.3% #153C38	RGB 21 60 56	#153C38
50.0%	50.0% #0F3227	RGB 15 50 39	#0F3227
66.7%	66.7% #0A2818	RGB 10 40 24	#0A2818
83.3%	83.3% #061E0C	RGB 6 30 12	#061E0C
100.0%	100.0% #031404	RGB 3 20 4	#031404

#244150 #1C4046 #153C38 #0F3227 #0A2818 #061E0C #031404

#244150 - #0F3227 - #031404

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #244150 0%, #0F3227 50%, #031404 100%);
    background: -webkit-linear-gradient(top, #244150 0%, #0F3227 50%, #031404 100%);
    background: linear-gradient(to bottom, #244150 0%, #0F3227 50%, #031404 100%);
}
</style>