#01271C - #1B694C | 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 #01271C to #1B694C

#01271C #1B694C

Calculate the color between two colors, #01271C and #1B694C. 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)

#01271C - #1B694C | 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 #01271C as 0% and #1B694C as 100%.

0.0%	0.0% #01271C	RGB 1 39 28	#01271C
16.7%	16.7% #053224	RGB 5 50 36	#053224
33.3%	33.3% #093D2C	RGB 9 61 44	#093D2C
50.0%	50.0% #0E4834	RGB 14 72 52	#0E4834
66.7%	66.7% #12533C	RGB 18 83 60	#12533C
83.3%	83.3% #165E44	RGB 22 94 68	#165E44
100.0%	100.0% #1B694C	RGB 27 105 76	#1B694C

#01271C #053224 #093D2C #0E4834 #12533C #165E44 #1B694C

#01271C - #1B694C

HSV Blend

#01271C - #1B694C | 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 #01271C as 0% and #1B694C as 100%.

0.0%	0.0% #00271C	RGB 0 39 28	#00271C
16.7%	16.7% #033223	RGB 3 50 35	#033223
33.3%	33.3% #063D2B	RGB 6 61 43	#063D2B
50.0%	50.0% #0A4833	RGB 10 72 51	#0A4833
66.7%	66.7% #0E533B	RGB 14 83 59	#0E533B
83.3%	83.3% #145E43	RGB 20 94 67	#145E43
100.0%	100.0% #1B694C	RGB 27 105 76	#1B694C

#00271C #033223 #063D2B #0A4833 #0E533B #145E43 #1B694C

#01271C - #0A4833 - #1B694C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00271C 0%, #0A4833 50%, #1B694C 100%);
    background: -webkit-linear-gradient(top, #00271C 0%, #0A4833 50%, #1B694C 100%);
    background: linear-gradient(to bottom, #00271C 0%, #0A4833 50%, #1B694C 100%);
}
</style>