#CCD1B0 - #8D9F5B | 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 #CCD1B0 to #8D9F5B

#CCD1B0 #8D9F5B

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

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

0.0%	0.0% #CCD1B0	RGB 204 209 176	#CCD1B0
16.7%	16.7% #C1C8A1	RGB 193 200 161	#C1C8A1
33.3%	33.3% #B7C093	RGB 183 192 147	#B7C093
50.0%	50.0% #ACB885	RGB 172 184 133	#ACB885
66.7%	66.7% #A2AF77	RGB 162 175 119	#A2AF77
83.3%	83.3% #97A769	RGB 151 167 105	#97A769
100.0%	100.0% #8D9F5B	RGB 141 159 91	#8D9F5B

#CCD1B0 #C1C8A1 #B7C093 #ACB885 #A2AF77 #97A769 #8D9F5B

#CCD1B0 - #8D9F5B

HSV Blend

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

0.0%	0.0% #CCD1B0	RGB 204 209 176	#CCD1B0
16.7%	16.7% #C1C89F	RGB 193 200 159	#C1C89F
33.3%	33.3% #B7C090	RGB 183 192 144	#B7C090
50.0%	50.0% #ACB882	RGB 172 184 130	#ACB882
66.7%	66.7% #A2AF74	RGB 162 175 116	#A2AF74
83.3%	83.3% #97A767	RGB 151 167 103	#97A767
100.0%	100.0% #8D9F5B	RGB 141 159 91	#8D9F5B

#CCD1B0 #C1C89F #B7C090 #ACB882 #A2AF74 #97A767 #8D9F5B

#CCD1B0 - #ACB882 - #8D9F5B

CSS codes

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

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