#144D2B - #659D5B | 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 #144D2B to #659D5B

#144D2B #659D5B

Calculate the color between two colors, #144D2B and #659D5B. 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)

#144D2B - #659D5B | 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 #144D2B as 0% and #659D5B as 100%.

0.0%	0.0% #144D2B	RGB 20 77 43	#144D2B
16.7%	16.7% #215A33	RGB 33 90 51	#215A33
33.3%	33.3% #2F673B	RGB 47 103 59	#2F673B
50.0%	50.0% #3C7543	RGB 60 117 67	#3C7543
66.7%	66.7% #4A824B	RGB 74 130 75	#4A824B
83.3%	83.3% #578F53	RGB 87 143 83	#578F53
100.0%	100.0% #659D5B	RGB 101 157 91	#659D5B

#144D2B #215A33 #2F673B #3C7543 #4A824B #578F53 #659D5B

#144D2B - #659D5B

HSV Blend

#144D2B - #659D5B | 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 #144D2B as 0% and #659D5B as 100%.

0.0%	0.0% #134D2A	RGB 19 77 42	#134D2A
16.7%	16.7% #1C5A2F	RGB 28 90 47	#1C5A2F
33.3%	33.3% #256734	RGB 37 103 52	#256734
50.0%	50.0% #317539	RGB 49 117 57	#317539
66.7%	66.7% #3D823F	RGB 61 130 63	#3D823F
83.3%	83.3% #4F8F4B	RGB 79 143 75	#4F8F4B
100.0%	100.0% #659D5B	RGB 101 157 91	#659D5B

#134D2A #1C5A2F #256734 #317539 #3D823F #4F8F4B #659D5B

#144D2B - #317539 - #659D5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #134D2A 0%, #317539 50%, #659D5B 100%);
    background: -webkit-linear-gradient(top, #134D2A 0%, #317539 50%, #659D5B 100%);
    background: linear-gradient(to bottom, #134D2A 0%, #317539 50%, #659D5B 100%);
}
</style>