#CFFBCD - #FEEFD2 | 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 #CFFBCD to #FEEFD2

#CFFBCD #FEEFD2

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

#CFFBCD - #FEEFD2 | 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 #CFFBCD as 0% and #FEEFD2 as 100%.

0.0%	0.0% #CFFBCD	RGB 207 251 205	#CFFBCD
16.7%	16.7% #D6F9CD	RGB 214 249 205	#D6F9CD
33.3%	33.3% #DEF7CE	RGB 222 247 206	#DEF7CE
50.0%	50.0% #E6F5CF	RGB 230 245 207	#E6F5CF
66.7%	66.7% #EEF3D0	RGB 238 243 208	#EEF3D0
83.3%	83.3% #F6F1D1	RGB 246 241 209	#F6F1D1
100.0%	100.0% #FEEFD2	RGB 254 239 210	#FEEFD2

#CFFBCD #D6F9CD #DEF7CE #E6F5CF #EEF3D0 #F6F1D1 #FEEFD2

#CFFBCD - #FEEFD2

HSV Blend

#CFFBCD - #FEEFD2 | 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 #CFFBCD as 0% and #FEEFD2 as 100%.

0.0%	0.0% #CFFBCD	RGB 207 251 205	#CFFBCD
16.7%	16.7% #D9FBCD	RGB 217 251 205	#D9FBCD
33.3%	33.3% #E4FCCE	RGB 228 252 206	#E4FCCE
50.0%	50.0% #EEFCCF	RGB 238 252 207	#EEFCCF
66.7%	66.7% #F8FDD0	RGB 248 253 208	#F8FDD0
83.3%	83.3% #FDF7D1	RGB 253 247 209	#FDF7D1
100.0%	100.0% #FEEFD2	RGB 254 239 210	#FEEFD2

#CFFBCD #D9FBCD #E4FCCE #EEFCCF #F8FDD0 #FDF7D1 #FEEFD2

#CFFBCD - #EEFCCF - #FEEFD2

CSS codes

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

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