#053E5E - #191310 | 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 #053E5E to #191310

#053E5E #191310

Calculate the color between two colors, #053E5E and #191310. 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)

#053E5E - #191310 | 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 #053E5E as 0% and #191310 as 100%.

0.0%	0.0% #053E5E	RGB 5 62 94	#053E5E
16.7%	16.7% #083651	RGB 8 54 81	#083651
33.3%	33.3% #0B2F44	RGB 11 47 68	#0B2F44
50.0%	50.0% #0F2837	RGB 15 40 55	#0F2837
66.7%	66.7% #12212A	RGB 18 33 42	#12212A
83.3%	83.3% #151A1D	RGB 21 26 29	#151A1D
100.0%	100.0% #191310	RGB 25 19 16	#191310

#053E5E #083651 #0B2F44 #0F2837 #12212A #151A1D #191310

#053E5E - #191310

HSV Blend

#053E5E - #191310 | 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 #053E5E as 0% and #191310 as 100%.

0.0%	0.0% #043E5E	RGB 4 62 94	#043E5E
16.7%	16.7% #0C1652	RGB 12 22 82	#0C1652
33.3%	33.3% #241147	RGB 36 17 71	#241147
50.0%	50.0% #35143B	RGB 53 20 59	#35143B
66.7%	66.7% #301526	RGB 48 21 38	#301526
83.3%	83.3% #241316	RGB 36 19 22	#241316
100.0%	100.0% #191310	RGB 25 19 16	#191310

#043E5E #0C1652 #241147 #35143B #301526 #241316 #191310

#053E5E - #35143B - #191310

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #043E5E 0%, #35143B 50%, #191310 100%);
    background: -webkit-linear-gradient(top, #043E5E 0%, #35143B 50%, #191310 100%);
    background: linear-gradient(to bottom, #043E5E 0%, #35143B 50%, #191310 100%);
}
</style>