#12160A - #3E5B5E | 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 #12160A to #3E5B5E

#12160A #3E5B5E

Calculate the color between two colors, #12160A and #3E5B5E. 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)

#12160A - #3E5B5E | 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 #12160A as 0% and #3E5B5E as 100%.

0.0%	0.0% #12160A	RGB 18 22 10	#12160A
16.7%	16.7% #192118	RGB 25 33 24	#192118
33.3%	33.3% #202D26	RGB 32 45 38	#202D26
50.0%	50.0% #283834	RGB 40 56 52	#283834
66.7%	66.7% #2F4442	RGB 47 68 66	#2F4442
83.3%	83.3% #364F50	RGB 54 79 80	#364F50
100.0%	100.0% #3E5B5E	RGB 62 91 94	#3E5B5E

#12160A #192118 #202D26 #283834 #2F4442 #364F50 #3E5B5E

#12160A - #3E5B5E

HSV Blend

#12160A - #3E5B5E | 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 #12160A as 0% and #3E5B5E as 100%.

0.0%	0.0% #12160A	RGB 18 22 10	#12160A
16.7%	16.7% #172210	RGB 23 34 16	#172210
33.3%	33.3% #192E18	RGB 25 46 24	#192E18
50.0%	50.0% #203A25	RGB 32 58 37	#203A25
66.7%	66.7% #294637	RGB 41 70 55	#294637
83.3%	83.3% #33524B	RGB 51 82 75	#33524B
100.0%	100.0% #3E5B5E	RGB 62 91 94	#3E5B5E

#12160A #172210 #192E18 #203A25 #294637 #33524B #3E5B5E

#12160A - #203A25 - #3E5B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #12160A 0%, #203A25 50%, #3E5B5E 100%);
    background: -webkit-linear-gradient(top, #12160A 0%, #203A25 50%, #3E5B5E 100%);
    background: linear-gradient(to bottom, #12160A 0%, #203A25 50%, #3E5B5E 100%);
}
</style>