#034F5E - #1E1713 | 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 #034F5E to #1E1713

#034F5E #1E1713

Calculate the color between two colors, #034F5E and #1E1713. 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)

#034F5E - #1E1713 | 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 #034F5E as 0% and #1E1713 as 100%.

0.0%	0.0% #034F5E	RGB 3 79 94	#034F5E
16.7%	16.7% #074551	RGB 7 69 81	#074551
33.3%	33.3% #0C3C45	RGB 12 60 69	#0C3C45
50.0%	50.0% #103338	RGB 16 51 56	#103338
66.7%	66.7% #15292C	RGB 21 41 44	#15292C
83.3%	83.3% #19201F	RGB 25 32 31	#19201F
100.0%	100.0% #1E1713	RGB 30 23 19	#1E1713

#034F5E #074551 #0C3C45 #103338 #15292C #19201F #1E1713

#034F5E - #1E1713

HSV Blend

#034F5E - #1E1713 | 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 #034F5E as 0% and #1E1713 as 100%.

0.0%	0.0% #024F5E	RGB 2 79 94	#024F5E
16.7%	16.7% #0B533D	RGB 11 83 61	#0B533D
33.3%	33.3% #10481D	RGB 16 72 29	#10481D
50.0%	50.0% #1E3E14	RGB 30 62 20	#1E3E14
66.7%	66.7% #2A3316	RGB 42 51 22	#2A3316
83.3%	83.3% #282515	RGB 40 37 21	#282515
100.0%	100.0% #1E1713	RGB 30 23 19	#1E1713

#024F5E #0B533D #10481D #1E3E14 #2A3316 #282515 #1E1713

#034F5E - #1E3E14 - #1E1713

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #024F5E 0%, #1E3E14 50%, #1E1713 100%);
    background: -webkit-linear-gradient(top, #024F5E 0%, #1E3E14 50%, #1E1713 100%);
    background: linear-gradient(to bottom, #024F5E 0%, #1E3E14 50%, #1E1713 100%);
}
</style>