#CCCD8C - #CEFEC6 | 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 #CCCD8C to #CEFEC6

#CCCD8C #CEFEC6

Calculate the color between two colors, #CCCD8C and #CEFEC6. 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)

#CCCD8C - #CEFEC6 | 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 #CCCD8C as 0% and #CEFEC6 as 100%.

0.0%	0.0% #CCCD8C	RGB 204 205 140	#CCCD8C
16.7%	16.7% #CCD595	RGB 204 213 149	#CCD595
33.3%	33.3% #CCDD9F	RGB 204 221 159	#CCDD9F
50.0%	50.0% #CDE5A9	RGB 205 229 169	#CDE5A9
66.7%	66.7% #CDEDB2	RGB 205 237 178	#CDEDB2
83.3%	83.3% #CDF5BC	RGB 205 245 188	#CDF5BC
100.0%	100.0% #CEFEC6	RGB 206 254 198	#CEFEC6

#CCCD8C #CCD595 #CCDD9F #CDE5A9 #CDEDB2 #CDF5BC #CEFEC6

#CCCD8C - #CEFEC6

HSV Blend

#CCCD8C - #CEFEC6 | 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 #CCCD8C as 0% and #CEFEC6 as 100%.

0.0%	0.0% #CCCD8C	RGB 204 205 140	#CCCD8C
16.7%	16.7% #CBD595	RGB 203 213 149	#CBD595
33.3%	33.3% #CADD9E	RGB 202 221 158	#CADD9E
50.0%	50.0% #CAE5A7	RGB 202 229 167	#CAE5A7
66.7%	66.7% #CBEDB1	RGB 203 237 177	#CBEDB1
83.3%	83.3% #CCF5BB	RGB 204 245 187	#CCF5BB
100.0%	100.0% #CEFEC6	RGB 206 254 198	#CEFEC6

#CCCD8C #CBD595 #CADD9E #CAE5A7 #CBEDB1 #CCF5BB #CEFEC6

#CCCD8C - #CAE5A7 - #CEFEC6

CSS codes

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

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