#CFEDAF - #D1FAD3 | 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 #CFEDAF to #D1FAD3

#CFEDAF #D1FAD3

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

#CFEDAF - #D1FAD3 | 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 #CFEDAF as 0% and #D1FAD3 as 100%.

0.0%	0.0% #CFEDAF	RGB 207 237 175	#CFEDAF
16.7%	16.7% #CFEFB5	RGB 207 239 181	#CFEFB5
33.3%	33.3% #CFF1BB	RGB 207 241 187	#CFF1BB
50.0%	50.0% #D0F3C1	RGB 208 243 193	#D0F3C1
66.7%	66.7% #D0F5C7	RGB 208 245 199	#D0F5C7
83.3%	83.3% #D0F7CD	RGB 208 247 205	#D0F7CD
100.0%	100.0% #D1FAD3	RGB 209 250 211	#D1FAD3

#CFEDAF #CFEFB5 #CFF1BB #D0F3C1 #D0F5C7 #D0F7CD #D1FAD3

#CFEDAF - #D1FAD3

HSV Blend

#CFEDAF - #D1FAD3 | 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 #CFEDAF as 0% and #D1FAD3 as 100%.

0.0%	0.0% #CFEDAF	RGB 207 237 175	#CFEDAF
16.7%	16.7% #CDEFB4	RGB 205 239 180	#CDEFB4
33.3%	33.3% #CCF1BA	RGB 204 241 186	#CCF1BA
50.0%	50.0% #CBF3BF	RGB 203 243 191	#CBF3BF
66.7%	66.7% #CCF5C5	RGB 204 245 197	#CCF5C5
83.3%	83.3% #CDF7CB	RGB 205 247 203	#CDF7CB
100.0%	100.0% #D1FAD3	RGB 209 250 211	#D1FAD3

#CFEDAF #CDEFB4 #CCF1BA #CBF3BF #CCF5C5 #CDF7CB #D1FAD3

#CFEDAF - #CBF3BF - #D1FAD3

CSS codes

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

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