#4C8045 - #CBDAC9 | 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 #4C8045 to #CBDAC9

#4C8045 #CBDAC9

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

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

0.0%	0.0% #4C8045	RGB 76 128 69	#4C8045
16.7%	16.7% #618F5B	RGB 97 143 91	#618F5B
33.3%	33.3% #769E71	RGB 118 158 113	#769E71
50.0%	50.0% #8BAD87	RGB 139 173 135	#8BAD87
66.7%	66.7% #A0BC9D	RGB 160 188 157	#A0BC9D
83.3%	83.3% #B5CBB3	RGB 181 203 179	#B5CBB3
100.0%	100.0% #CBDAC9	RGB 203 218 201	#CBDAC9

#4C8045 #618F5B #769E71 #8BAD87 #A0BC9D #B5CBB3 #CBDAC9

#4C8045 - #CBDAC9

HSV Blend

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

0.0%	0.0% #4C8045	RGB 76 128 69	#4C8045
16.7%	16.7% #5C8F56	RGB 92 143 86	#5C8F56
33.3%	33.3% #6F9E69	RGB 111 158 105	#6F9E69
50.0%	50.0% #83AD7E	RGB 131 173 126	#83AD7E
66.7%	66.7% #99BC95	RGB 153 188 149	#99BC95
83.3%	83.3% #B1CBAE	RGB 177 203 174	#B1CBAE
100.0%	100.0% #CBDAC9	RGB 203 218 201	#CBDAC9

#4C8045 #5C8F56 #6F9E69 #83AD7E #99BC95 #B1CBAE #CBDAC9

#4C8045 - #83AD7E - #CBDAC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C8045 0%, #83AD7E 50%, #CBDAC9 100%);
    background: -webkit-linear-gradient(top, #4C8045 0%, #83AD7E 50%, #CBDAC9 100%);
    background: linear-gradient(to bottom, #4C8045 0%, #83AD7E 50%, #CBDAC9 100%);
}
</style>