#314D14 - #153504 | 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 #314D14 to #153504

#314D14 #153504

Calculate the color between two colors, #314D14 and #153504. 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)

#314D14 - #153504 | 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 #314D14 as 0% and #153504 as 100%.

0.0%	0.0% #314D14	RGB 49 77 20	#314D14
16.7%	16.7% #2C4911	RGB 44 73 17	#2C4911
33.3%	33.3% #27450E	RGB 39 69 14	#27450E
50.0%	50.0% #23410C	RGB 35 65 12	#23410C
66.7%	66.7% #1E3D09	RGB 30 61 9	#1E3D09
83.3%	83.3% #193906	RGB 25 57 6	#193906
100.0%	100.0% #153504	RGB 21 53 4	#153504

#314D14 #2C4911 #27450E #23410C #1E3D09 #193906 #153504

#314D14 - #153504

HSV Blend

#314D14 - #153504 | 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 #314D14 as 0% and #153504 as 100%.

0.0%	0.0% #314D13	RGB 49 77 19	#314D13
16.7%	16.7% #2B4910	RGB 43 73 16	#2B4910
33.3%	33.3% #26450D	RGB 38 69 13	#26450D
50.0%	50.0% #22410A	RGB 34 65 10	#22410A
66.7%	66.7% #1D3D08	RGB 29 61 8	#1D3D08
83.3%	83.3% #193906	RGB 25 57 6	#193906
100.0%	100.0% #153504	RGB 21 53 4	#153504

#314D13 #2B4910 #26450D #22410A #1D3D08 #193906 #153504

#314D14 - #22410A - #153504

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #314D13 0%, #22410A 50%, #153504 100%);
    background: -webkit-linear-gradient(top, #314D13 0%, #22410A 50%, #153504 100%);
    background: linear-gradient(to bottom, #314D13 0%, #22410A 50%, #153504 100%);
}
</style>