#134A5E - #071724 | 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 #134A5E to #071724

#134A5E #071724

Calculate the color between two colors, #134A5E and #071724. 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)

#134A5E - #071724 | 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 #134A5E as 0% and #071724 as 100%.

0.0%	0.0% #134A5E	RGB 19 74 94	#134A5E
16.7%	16.7% #114154	RGB 17 65 84	#114154
33.3%	33.3% #0F394A	RGB 15 57 74	#0F394A
50.0%	50.0% #0D3041	RGB 13 48 65	#0D3041
66.7%	66.7% #0B2837	RGB 11 40 55	#0B2837
83.3%	83.3% #091F2D	RGB 9 31 45	#091F2D
100.0%	100.0% #071724	RGB 7 23 36	#071724

#134A5E #114154 #0F394A #0D3041 #0B2837 #091F2D #071724

#134A5E - #071724

HSV Blend

#134A5E - #071724 | 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 #134A5E as 0% and #071724 as 100%.

0.0%	0.0% #124A5E	RGB 18 74 94	#124A5E
16.7%	16.7% #104054	RGB 16 64 84	#104054
33.3%	33.3% #0E374A	RGB 14 55 74	#0E374A
50.0%	50.0% #0C2E41	RGB 12 46 65	#0C2E41
66.7%	66.7% #0A2637	RGB 10 38 55	#0A2637
83.3%	83.3% #081E2D	RGB 8 30 45	#081E2D
100.0%	100.0% #071724	RGB 7 23 36	#071724

#124A5E #104054 #0E374A #0C2E41 #0A2637 #081E2D #071724

#134A5E - #0C2E41 - #071724

CSS codes

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

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