#CFDFAC - #CCFFD0 | 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 #CFDFAC to #CCFFD0

#CFDFAC #CCFFD0

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

#CFDFAC - #CCFFD0 | 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 #CFDFAC as 0% and #CCFFD0 as 100%.

0.0%	0.0% #CFDFAC	RGB 207 223 172	#CFDFAC
16.7%	16.7% #CEE4B2	RGB 206 228 178	#CEE4B2
33.3%	33.3% #CEE9B8	RGB 206 233 184	#CEE9B8
50.0%	50.0% #CDEFBE	RGB 205 239 190	#CDEFBE
66.7%	66.7% #CDF4C4	RGB 205 244 196	#CDF4C4
83.3%	83.3% #CCF9CA	RGB 204 249 202	#CCF9CA
100.0%	100.0% #CCFFD0	RGB 204 255 208	#CCFFD0

#CFDFAC #CEE4B2 #CEE9B8 #CDEFBE #CDF4C4 #CCF9CA #CCFFD0

#CFDFAC - #CCFFD0

HSV Blend

#CFDFAC - #CCFFD0 | 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 #CFDFAC as 0% and #CCFFD0 as 100%.

0.0%	0.0% #CFDFAC	RGB 207 223 172	#CFDFAC
16.7%	16.7% #CDE4B1	RGB 205 228 177	#CDE4B1
33.3%	33.3% #CCE9B6	RGB 204 233 182	#CCE9B6
50.0%	50.0% #CBEFBB	RGB 203 239 187	#CBEFBB
66.7%	66.7% #CAF4C1	RGB 202 244 193	#CAF4C1
83.3%	83.3% #C9F9C6	RGB 201 249 198	#C9F9C6
100.0%	100.0% #CCFFD0	RGB 204 255 208	#CCFFD0

#CFDFAC #CDE4B1 #CCE9B6 #CBEFBB #CAF4C1 #C9F9C6 #CCFFD0

#CFDFAC - #CBEFBB - #CCFFD0

CSS codes

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

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