#4A8F53 - #CBDFCD | 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 #4A8F53 to #CBDFCD

#4A8F53 #CBDFCD

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

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

0.0%	0.0% #4A8F53	RGB 74 143 83	#4A8F53
16.7%	16.7% #5F9C67	RGB 95 156 103	#5F9C67
33.3%	33.3% #75A97B	RGB 117 169 123	#75A97B
50.0%	50.0% #8AB790	RGB 138 183 144	#8AB790
66.7%	66.7% #A0C4A4	RGB 160 196 164	#A0C4A4
83.3%	83.3% #B5D1B8	RGB 181 209 184	#B5D1B8
100.0%	100.0% #CBDFCD	RGB 203 223 205	#CBDFCD

#4A8F53 #5F9C67 #75A97B #8AB790 #A0C4A4 #B5D1B8 #CBDFCD

#4A8F53 - #CBDFCD

HSV Blend

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

0.0%	0.0% #4A8F53	RGB 74 143 83	#4A8F53
16.7%	16.7% #5B9C63	RGB 91 156 99	#5B9C63
33.3%	33.3% #6EA975	RGB 110 169 117	#6EA975
50.0%	50.0% #82B788	RGB 130 183 136	#82B788
66.7%	66.7% #99C49D	RGB 153 196 157	#99C49D
83.3%	83.3% #B1D1B4	RGB 177 209 180	#B1D1B4
100.0%	100.0% #CBDFCD	RGB 203 223 205	#CBDFCD

#4A8F53 #5B9C63 #6EA975 #82B788 #99C49D #B1D1B4 #CBDFCD

#4A8F53 - #82B788 - #CBDFCD

CSS codes

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

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