#050C5E - #071008 | 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 #050C5E to #071008

#050C5E #071008

Calculate the color between two colors, #050C5E and #071008. 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)

#050C5E - #071008 | 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 #050C5E as 0% and #071008 as 100%.

0.0%	0.0% #050C5E	RGB 5 12 94	#050C5E
16.7%	16.7% #050C4F	RGB 5 12 79	#050C4F
33.3%	33.3% #050D41	RGB 5 13 65	#050D41
50.0%	50.0% #060E33	RGB 6 14 51	#060E33
66.7%	66.7% #060E24	RGB 6 14 36	#060E24
83.3%	83.3% #060F16	RGB 6 15 22	#060F16
100.0%	100.0% #071008	RGB 7 16 8	#071008

#050C5E #050C4F #050D41 #060E33 #060E24 #060F16 #071008

#050C5E - #071008

HSV Blend

#050C5E - #071008 | 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 #050C5E as 0% and #071008 as 100%.

0.0%	0.0% #040B5E	RGB 4 11 94	#040B5E
16.7%	16.7% #092451	RGB 9 36 81	#092451
33.3%	33.3% #0C3244	RGB 12 50 68	#0C3244
50.0%	50.0% #0D3637	RGB 13 54 55	#0D3637
66.7%	66.7% #0C2A21	RGB 12 42 33	#0C2A21
83.3%	83.3% #0A1D12	RGB 10 29 18	#0A1D12
100.0%	100.0% #071008	RGB 7 16 8	#071008

#040B5E #092451 #0C3244 #0D3637 #0C2A21 #0A1D12 #071008

#050C5E - #0D3637 - #071008

CSS codes

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

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