#36483B - #080D1B | 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 #36483B to #080D1B

#36483B #080D1B

Calculate the color between two colors, #36483B and #080D1B. 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)

#36483B - #080D1B | 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 #36483B as 0% and #080D1B as 100%.

0.0%	0.0% #36483B	RGB 54 72 59	#36483B
16.7%	16.7% #2E3E35	RGB 46 62 53	#2E3E35
33.3%	33.3% #263430	RGB 38 52 48	#263430
50.0%	50.0% #1F2A2B	RGB 31 42 43	#1F2A2B
66.7%	66.7% #172025	RGB 23 32 37	#172025
83.3%	83.3% #0F1620	RGB 15 22 32	#0F1620
100.0%	100.0% #080D1B	RGB 8 13 27	#080D1B

#36483B #2E3E35 #263430 #1F2A2B #172025 #0F1620 #080D1B

#36483B - #080D1B

HSV Blend

#36483B - #080D1B | 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 #36483B as 0% and #080D1B as 100%.

0.0%	0.0% #36483B	RGB 54 72 59	#36483B
16.7%	16.7% #2B4036	RGB 43 64 54	#2B4036
33.3%	33.3% #223933	RGB 34 57 51	#223933
50.0%	50.0% #193131	RGB 25 49 49	#193131
66.7%	66.7% #12242A	RGB 18 36 42	#12242A
83.3%	83.3% #0C1722	RGB 12 23 34	#0C1722
100.0%	100.0% #080D1B	RGB 8 13 27	#080D1B

#36483B #2B4036 #223933 #193131 #12242A #0C1722 #080D1B

#36483B - #193131 - #080D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36483B 0%, #193131 50%, #080D1B 100%);
    background: -webkit-linear-gradient(top, #36483B 0%, #193131 50%, #080D1B 100%);
    background: linear-gradient(to bottom, #36483B 0%, #193131 50%, #080D1B 100%);
}
</style>