#CFDBAC - #CEFFD0 | 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 #CFDBAC to #CEFFD0

#CFDBAC #CEFFD0

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

#CFDBAC - #CEFFD0 | 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 #CFDBAC as 0% and #CEFFD0 as 100%.

0.0%	0.0% #CFDBAC	RGB 207 219 172	#CFDBAC
16.7%	16.7% #CEE1B2	RGB 206 225 178	#CEE1B2
33.3%	33.3% #CEE7B8	RGB 206 231 184	#CEE7B8
50.0%	50.0% #CEEDBE	RGB 206 237 190	#CEEDBE
66.7%	66.7% #CEF3C4	RGB 206 243 196	#CEF3C4
83.3%	83.3% #CEF9CA	RGB 206 249 202	#CEF9CA
100.0%	100.0% #CEFFD0	RGB 206 255 208	#CEFFD0

#CFDBAC #CEE1B2 #CEE7B8 #CEEDBE #CEF3C4 #CEF9CA #CEFFD0

#CFDBAC - #CEFFD0

HSV Blend

#CFDBAC - #CEFFD0 | 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 #CFDBAC as 0% and #CEFFD0 as 100%.

0.0%	0.0% #CFDBAC	RGB 207 219 172	#CFDBAC
16.7%	16.7% #CEE1B1	RGB 206 225 177	#CEE1B1
33.3%	33.3% #CEE7B7	RGB 206 231 183	#CEE7B7
50.0%	50.0% #CDEDBC	RGB 205 237 188	#CDEDBC
66.7%	66.7% #CDF3C2	RGB 205 243 194	#CDF3C2
83.3%	83.3% #CCF9C8	RGB 204 249 200	#CCF9C8
100.0%	100.0% #CEFFD0	RGB 206 255 208	#CEFFD0

#CFDBAC #CEE1B1 #CEE7B7 #CDEDBC #CDF3C2 #CCF9C8 #CEFFD0

#CFDBAC - #CDEDBC - #CEFFD0

CSS codes

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

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