#314D14 - #569C37 | 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 #569C37

#314D14 #569C37

Calculate the color between two colors, #314D14 and #569C37. 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 - #569C37 | 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 #569C37 as 100%.

0.0%	0.0% #314D14	RGB 49 77 20	#314D14
16.7%	16.7% #375A19	RGB 55 90 25	#375A19
33.3%	33.3% #3D671F	RGB 61 103 31	#3D671F
50.0%	50.0% #437425	RGB 67 116 37	#437425
66.7%	66.7% #49812B	RGB 73 129 43	#49812B
83.3%	83.3% #4F8E31	RGB 79 142 49	#4F8E31
100.0%	100.0% #569C37	RGB 86 156 55	#569C37

#314D14 #375A19 #3D671F #437425 #49812B #4F8E31 #569C37

#314D14 - #569C37

HSV Blend

#314D14 - #569C37 | 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 #569C37 as 100%.

0.0%	0.0% #314D13	RGB 49 77 19	#314D13
16.7%	16.7% #375A18	RGB 55 90 24	#375A18
33.3%	33.3% #3E671E	RGB 62 103 30	#3E671E
50.0%	50.0% #447423	RGB 68 116 35	#447423
66.7%	66.7% #4A8129	RGB 74 129 41	#4A8129
83.3%	83.3% #508E30	RGB 80 142 48	#508E30
100.0%	100.0% #569C37	RGB 86 156 55	#569C37

#314D13 #375A18 #3E671E #447423 #4A8129 #508E30 #569C37

#314D14 - #447423 - #569C37

CSS codes

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

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