#1B4D1B - #869D4B | 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 #1B4D1B to #869D4B

#1B4D1B #869D4B

Calculate the color between two colors, #1B4D1B and #869D4B. 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)

#1B4D1B - #869D4B | 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 #1B4D1B as 0% and #869D4B as 100%.

0.0%	0.0% #1B4D1B	RGB 27 77 27	#1B4D1B
16.7%	16.7% #2C5A23	RGB 44 90 35	#2C5A23
33.3%	33.3% #3E672B	RGB 62 103 43	#3E672B
50.0%	50.0% #507533	RGB 80 117 51	#507533
66.7%	66.7% #62823B	RGB 98 130 59	#62823B
83.3%	83.3% #748F43	RGB 116 143 67	#748F43
100.0%	100.0% #869D4B	RGB 134 157 75	#869D4B

#1B4D1B #2C5A23 #3E672B #507533 #62823B #748F43 #869D4B

#1B4D1B - #869D4B

HSV Blend

#1B4D1B - #869D4B | 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 #1B4D1B as 0% and #869D4B as 100%.

0.0%	0.0% #1B4D1B	RGB 27 77 27	#1B4D1B
16.7%	16.7% #285A21	RGB 40 90 33	#285A21
33.3%	33.3% #376728	RGB 55 103 40	#376728
50.0%	50.0% #497530	RGB 73 117 48	#497530
66.7%	66.7% #5C8238	RGB 92 130 56	#5C8238
83.3%	83.3% #708F41	RGB 112 143 65	#708F41
100.0%	100.0% #869D4B	RGB 134 157 75	#869D4B

#1B4D1B #285A21 #376728 #497530 #5C8238 #708F41 #869D4B

#1B4D1B - #497530 - #869D4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B4D1B 0%, #497530 50%, #869D4B 100%);
    background: -webkit-linear-gradient(top, #1B4D1B 0%, #497530 50%, #869D4B 100%);
    background: linear-gradient(to bottom, #1B4D1B 0%, #497530 50%, #869D4B 100%);
}
</style>