#4A8500 - #CBDCB6 | 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 #4A8500 to #CBDCB6

#4A8500 #CBDCB6

Calculate the color between two colors, #4A8500 and #CBDCB6. 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)

#4A8500 - #CBDCB6 | 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 #4A8500 as 0% and #CBDCB6 as 100%.

0.0%	0.0% #4A8500	RGB 74 133 0	#4A8500
16.7%	16.7% #5F931E	RGB 95 147 30	#5F931E
33.3%	33.3% #75A23C	RGB 117 162 60	#75A23C
50.0%	50.0% #8AB05B	RGB 138 176 91	#8AB05B
66.7%	66.7% #A0BF79	RGB 160 191 121	#A0BF79
83.3%	83.3% #B5CD97	RGB 181 205 151	#B5CD97
100.0%	100.0% #CBDCB6	RGB 203 220 182	#CBDCB6

#4A8500 #5F931E #75A23C #8AB05B #A0BF79 #B5CD97 #CBDCB6

#4A8500 - #CBDCB6

HSV Blend

#4A8500 - #CBDCB6 | 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 #4A8500 as 0% and #CBDCB6 as 100%.

0.0%	0.0% #498500	RGB 73 133 0	#498500
16.7%	16.7% #5B9314	RGB 91 147 20	#5B9314
33.3%	33.3% #6DA22C	RGB 109 162 44	#6DA22C
50.0%	50.0% #82B049	RGB 130 176 73	#82B049
66.7%	66.7% #98BF69	RGB 152 191 105	#98BF69
83.3%	83.3% #B0CD8D	RGB 176 205 141	#B0CD8D
100.0%	100.0% #CBDCB6	RGB 203 220 182	#CBDCB6

#498500 #5B9314 #6DA22C #82B049 #98BF69 #B0CD8D #CBDCB6

#4A8500 - #82B049 - #CBDCB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #498500 0%, #82B049 50%, #CBDCB6 100%);
    background: -webkit-linear-gradient(top, #498500 0%, #82B049 50%, #CBDCB6 100%);
    background: linear-gradient(to bottom, #498500 0%, #82B049 50%, #CBDCB6 100%);
}
</style>