#4A835F - #CBDBD1 | 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 #4A835F to #CBDBD1

#4A835F #CBDBD1

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

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

0.0%	0.0% #4A835F	RGB 74 131 95	#4A835F
16.7%	16.7% #5F9172	RGB 95 145 114	#5F9172
33.3%	33.3% #75A085	RGB 117 160 133	#75A085
50.0%	50.0% #8AAF98	RGB 138 175 152	#8AAF98
66.7%	66.7% #A0BDAB	RGB 160 189 171	#A0BDAB
83.3%	83.3% #B5CCBE	RGB 181 204 190	#B5CCBE
100.0%	100.0% #CBDBD1	RGB 203 219 209	#CBDBD1

#4A835F #5F9172 #75A085 #8AAF98 #A0BDAB #B5CCBE #CBDBD1

#4A835F - #CBDBD1

HSV Blend

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

0.0%	0.0% #4A835F	RGB 74 131 95	#4A835F
16.7%	16.7% #5B916F	RGB 91 145 111	#5B916F
33.3%	33.3% #6DA080	RGB 109 160 128	#6DA080
50.0%	50.0% #82AF93	RGB 130 175 147	#82AF93
66.7%	66.7% #98BDA6	RGB 152 189 166	#98BDA6
83.3%	83.3% #B1CCBB	RGB 177 204 187	#B1CCBB
100.0%	100.0% #CBDBD1	RGB 203 219 209	#CBDBD1

#4A835F #5B916F #6DA080 #82AF93 #98BDA6 #B1CCBB #CBDBD1

#4A835F - #82AF93 - #CBDBD1

CSS codes

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

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