#CCFFCA - #FFEFCF | 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 #CCFFCA to #FFEFCF

#CCFFCA #FFEFCF

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

#CCFFCA - #FFEFCF | 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 #CCFFCA as 0% and #FFEFCF as 100%.

0.0%	0.0% #CCFFCA	RGB 204 255 202	#CCFFCA
16.7%	16.7% #D4FCCA	RGB 212 252 202	#D4FCCA
33.3%	33.3% #DDF9CB	RGB 221 249 203	#DDF9CB
50.0%	50.0% #E5F7CC	RGB 229 247 204	#E5F7CC
66.7%	66.7% #EEF4CD	RGB 238 244 205	#EEF4CD
83.3%	83.3% #F6F1CE	RGB 246 241 206	#F6F1CE
100.0%	100.0% #FFEFCF	RGB 255 239 207	#FFEFCF

#CCFFCA #D4FCCA #DDF9CB #E5F7CC #EEF4CD #F6F1CE #FFEFCF

#CCFFCA - #FFEFCF

HSV Blend

#CCFFCA - #FFEFCF | 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 #CCFFCA as 0% and #FFEFCF as 100%.

0.0%	0.0% #CCFFCA	RGB 204 255 202	#CCFFCA
16.7%	16.7% #D8FFCA	RGB 216 255 202	#D8FFCA
33.3%	33.3% #E3FFCB	RGB 227 255 203	#E3FFCB
50.0%	50.0% #EFFFCC	RGB 239 255 204	#EFFFCC
66.7%	66.7% #FAFFCD	RGB 250 255 205	#FAFFCD
83.3%	83.3% #FFF9CE	RGB 255 249 206	#FFF9CE
100.0%	100.0% #FFEFCF	RGB 255 239 207	#FFEFCF

#CCFFCA #D8FFCA #E3FFCB #EFFFCC #FAFFCD #FFF9CE #FFEFCF

#CCFFCA - #EFFFCC - #FFEFCF

CSS codes

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

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