#04464B - #1C0F0E | 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 #04464B to #1C0F0E

#04464B #1C0F0E

Calculate the color between two colors, #04464B and #1C0F0E. 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)

#04464B - #1C0F0E | 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 #04464B as 0% and #1C0F0E as 100%.

0.0%	0.0% #04464B	RGB 4 70 75	#04464B
16.7%	16.7% #083C40	RGB 8 60 64	#083C40
33.3%	33.3% #0C3336	RGB 12 51 54	#0C3336
50.0%	50.0% #102A2C	RGB 16 42 44	#102A2C
66.7%	66.7% #142122	RGB 20 33 34	#142122
83.3%	83.3% #181818	RGB 24 24 24	#181818
100.0%	100.0% #1C0F0E	RGB 28 15 14	#1C0F0E

#04464B #083C40 #0C3336 #102A2C #142122 #181818 #1C0F0E

#04464B - #1C0F0E

HSV Blend

#04464B - #1C0F0E | 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 #04464B as 0% and #1C0F0E as 100%.

0.0%	0.0% #04454B	RGB 4 69 75	#04454B
16.7%	16.7% #08432A	RGB 8 67 42	#08432A
33.3%	33.3% #0B3B0F	RGB 11 59 15	#0B3B0F
50.0%	50.0% #1E330E	RGB 30 51 14	#1E330E
66.7%	66.7% #292B0F	RGB 41 43 15	#292B0F
83.3%	83.3% #231B0F	RGB 35 27 15	#231B0F
100.0%	100.0% #1C0F0E	RGB 28 15 14	#1C0F0E

#04454B #08432A #0B3B0F #1E330E #292B0F #231B0F #1C0F0E

#04464B - #1E330E - #1C0F0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #04454B 0%, #1E330E 50%, #1C0F0E 100%);
    background: -webkit-linear-gradient(top, #04454B 0%, #1E330E 50%, #1C0F0E 100%);
    background: linear-gradient(to bottom, #04454B 0%, #1E330E 50%, #1C0F0E 100%);
}
</style>