#052F5E - #14110E | 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 #052F5E to #14110E

#052F5E #14110E

Calculate the color between two colors, #052F5E and #14110E. 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)

#052F5E - #14110E | 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 #052F5E as 0% and #14110E as 100%.

0.0%	0.0% #052F5E	RGB 5 47 94	#052F5E
16.7%	16.7% #072A50	RGB 7 42 80	#072A50
33.3%	33.3% #0A2543	RGB 10 37 67	#0A2543
50.0%	50.0% #0C2036	RGB 12 32 54	#0C2036
66.7%	66.7% #0F1B28	RGB 15 27 40	#0F1B28
83.3%	83.3% #11161B	RGB 17 22 27	#11161B
100.0%	100.0% #14110E	RGB 20 17 14	#14110E

#052F5E #072A50 #0A2543 #0C2036 #0F1B28 #11161B #14110E

#052F5E - #14110E

HSV Blend

#052F5E - #14110E | 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 #052F5E as 0% and #14110E as 100%.

0.0%	0.0% #042F5E	RGB 4 47 94	#042F5E
16.7%	16.7% #0E0D51	RGB 14 13 81	#0E0D51
33.3%	33.3% #2C1245	RGB 44 18 69	#2C1245
50.0%	50.0% #391538	RGB 57 21 56	#391538
66.7%	66.7% #2C1520	RGB 44 21 32	#2C1520
83.3%	83.3% #201313	RGB 32 19 19	#201313
100.0%	100.0% #14110E	RGB 20 17 14	#14110E

#042F5E #0E0D51 #2C1245 #391538 #2C1520 #201313 #14110E

#052F5E - #391538 - #14110E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #042F5E 0%, #391538 50%, #14110E 100%);
    background: -webkit-linear-gradient(top, #042F5E 0%, #391538 50%, #14110E 100%);
    background: linear-gradient(to bottom, #042F5E 0%, #391538 50%, #14110E 100%);
}
</style>