#C4CDC0 - #8BA36E | 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 #C4CDC0 to #8BA36E

#C4CDC0 #8BA36E

Calculate the color between two colors, #C4CDC0 and #8BA36E. 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)

#C4CDC0 - #8BA36E | 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 #C4CDC0 as 0% and #8BA36E as 100%.

0.0%	0.0% #C4CDC0	RGB 196 205 192	#C4CDC0
16.7%	16.7% #BAC6B2	RGB 186 198 178	#BAC6B2
33.3%	33.3% #B1BFA4	RGB 177 191 164	#B1BFA4
50.0%	50.0% #A7B897	RGB 167 184 151	#A7B897
66.7%	66.7% #9EB189	RGB 158 177 137	#9EB189
83.3%	83.3% #94AA7B	RGB 148 170 123	#94AA7B
100.0%	100.0% #8BA36E	RGB 139 163 110	#8BA36E

#C4CDC0 #BAC6B2 #B1BFA4 #A7B897 #9EB189 #94AA7B #8BA36E

#C4CDC0 - #8BA36E

HSV Blend

#C4CDC0 - #8BA36E | 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 #C4CDC0 as 0% and #8BA36E as 100%.

0.0%	0.0% #C4CDC0	RGB 196 205 192	#C4CDC0
16.7%	16.7% #B8C6B0	RGB 184 198 176	#B8C6B0
33.3%	33.3% #ADBFA2	RGB 173 191 162	#ADBFA2
50.0%	50.0% #A3B894	RGB 163 184 148	#A3B894
66.7%	66.7% #9AB186	RGB 154 177 134	#9AB186
83.3%	83.3% #92AA7A	RGB 146 170 122	#92AA7A
100.0%	100.0% #8BA36E	RGB 139 163 110	#8BA36E

#C4CDC0 #B8C6B0 #ADBFA2 #A3B894 #9AB186 #92AA7A #8BA36E

#C4CDC0 - #A3B894 - #8BA36E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4CDC0 0%, #A3B894 50%, #8BA36E 100%);
    background: -webkit-linear-gradient(top, #C4CDC0 0%, #A3B894 50%, #8BA36E 100%);
    background: linear-gradient(to bottom, #C4CDC0 0%, #A3B894 50%, #8BA36E 100%);
}
</style>