#6A8D4A - #315D0E | 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 #6A8D4A to #315D0E

#6A8D4A #315D0E

Calculate the color between two colors, #6A8D4A and #315D0E. 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)

#6A8D4A - #315D0E | 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 #6A8D4A as 0% and #315D0E as 100%.

0.0%	0.0% #6A8D4A	RGB 106 141 74	#6A8D4A
16.7%	16.7% #608540	RGB 96 133 64	#608540
33.3%	33.3% #577D36	RGB 87 125 54	#577D36
50.0%	50.0% #4D752C	RGB 77 117 44	#4D752C
66.7%	66.7% #446D22	RGB 68 109 34	#446D22
83.3%	83.3% #3A6518	RGB 58 101 24	#3A6518
100.0%	100.0% #315D0E	RGB 49 93 14	#315D0E

#6A8D4A #608540 #577D36 #4D752C #446D22 #3A6518 #315D0E

#6A8D4A - #315D0E

HSV Blend

#6A8D4A - #315D0E | 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 #6A8D4A as 0% and #315D0E as 100%.

0.0%	0.0% #6A8D4A	RGB 106 141 74	#6A8D4A
16.7%	16.7% #5F853D	RGB 95 133 61	#5F853D
33.3%	33.3% #547D32	RGB 84 125 50	#547D32
50.0%	50.0% #4B7527	RGB 75 117 39	#4B7527
66.7%	66.7% #416D1E	RGB 65 109 30	#416D1E
83.3%	83.3% #396515	RGB 57 101 21	#396515
100.0%	100.0% #315D0E	RGB 49 93 14	#315D0E

#6A8D4A #5F853D #547D32 #4B7527 #416D1E #396515 #315D0E

#6A8D4A - #4B7527 - #315D0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8D4A 0%, #4B7527 50%, #315D0E 100%);
    background: -webkit-linear-gradient(top, #6A8D4A 0%, #4B7527 50%, #315D0E 100%);
    background: linear-gradient(to bottom, #6A8D4A 0%, #4B7527 50%, #315D0E 100%);
}
</style>