#4A7E3C - #CBDAC7 | 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 #4A7E3C to #CBDAC7

#4A7E3C #CBDAC7

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

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

0.0%	0.0% #4A7E3C	RGB 74 126 60	#4A7E3C
16.7%	16.7% #5F8D53	RGB 95 141 83	#5F8D53
33.3%	33.3% #759C6A	RGB 117 156 106	#759C6A
50.0%	50.0% #8AAC81	RGB 138 172 129	#8AAC81
66.7%	66.7% #A0BB98	RGB 160 187 152	#A0BB98
83.3%	83.3% #B5CAAF	RGB 181 202 175	#B5CAAF
100.0%	100.0% #CBDAC7	RGB 203 218 199	#CBDAC7

#4A7E3C #5F8D53 #759C6A #8AAC81 #A0BB98 #B5CAAF #CBDAC7

#4A7E3C - #CBDAC7

HSV Blend

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

0.0%	0.0% #4A7E3C	RGB 74 126 60	#4A7E3C
16.7%	16.7% #5B8D4D	RGB 91 141 77	#5B8D4D
33.3%	33.3% #6D9C61	RGB 109 156 97	#6D9C61
50.0%	50.0% #82AC77	RGB 130 172 119	#82AC77
66.7%	66.7% #98BB8F	RGB 152 187 143	#98BB8F
83.3%	83.3% #B1CAAA	RGB 177 202 170	#B1CAAA
100.0%	100.0% #CBDAC7	RGB 203 218 199	#CBDAC7

#4A7E3C #5B8D4D #6D9C61 #82AC77 #98BB8F #B1CAAA #CBDAC7

#4A7E3C - #82AC77 - #CBDAC7

CSS codes

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

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