#214D13 - #072007 | 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 #214D13 to #072007

#214D13 #072007

Calculate the color between two colors, #214D13 and #072007. 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)

#214D13 - #072007 | 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 #214D13 as 0% and #072007 as 100%.

0.0%	0.0% #214D13	RGB 33 77 19	#214D13
16.7%	16.7% #1C4511	RGB 28 69 17	#1C4511
33.3%	33.3% #183E0F	RGB 24 62 15	#183E0F
50.0%	50.0% #14360D	RGB 20 54 13	#14360D
66.7%	66.7% #0F2F0B	RGB 15 47 11	#0F2F0B
83.3%	83.3% #0B2709	RGB 11 39 9	#0B2709
100.0%	100.0% #072007	RGB 7 32 7	#072007

#214D13 #1C4511 #183E0F #14360D #0F2F0B #0B2709 #072007

#214D13 - #072007

HSV Blend

#214D13 - #072007 | 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 #214D13 as 0% and #072007 as 100%.

0.0%	0.0% #214D13	RGB 33 77 19	#214D13
16.7%	16.7% #1B4510	RGB 27 69 16	#1B4510
33.3%	33.3% #163E0E	RGB 22 62 14	#163E0E
50.0%	50.0% #11360C	RGB 17 54 12	#11360C
66.7%	66.7% #0D2F0A	RGB 13 47 10	#0D2F0A
83.3%	83.3% #0A2708	RGB 10 39 8	#0A2708
100.0%	100.0% #072007	RGB 7 32 7	#072007

#214D13 #1B4510 #163E0E #11360C #0D2F0A #0A2708 #072007

#214D13 - #11360C - #072007

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #214D13 0%, #11360C 50%, #072007 100%);
    background: -webkit-linear-gradient(top, #214D13 0%, #11360C 50%, #072007 100%);
    background: linear-gradient(to bottom, #214D13 0%, #11360C 50%, #072007 100%);
}
</style>