#CFE3A8 - #FBF2C4 | 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 #CFE3A8 to #FBF2C4

#CFE3A8 #FBF2C4

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

#CFE3A8 - #FBF2C4 | 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 #CFE3A8 as 0% and #FBF2C4 as 100%.

0.0%	0.0% #CFE3A8	RGB 207 227 168	#CFE3A8
16.7%	16.7% #D6E5AC	RGB 214 229 172	#D6E5AC
33.3%	33.3% #DDE8B1	RGB 221 232 177	#DDE8B1
50.0%	50.0% #E5EAB6	RGB 229 234 182	#E5EAB6
66.7%	66.7% #ECEDBA	RGB 236 237 186	#ECEDBA
83.3%	83.3% #F3EFBF	RGB 243 239 191	#F3EFBF
100.0%	100.0% #FBF2C4	RGB 251 242 196	#FBF2C4

#CFE3A8 #D6E5AC #DDE8B1 #E5EAB6 #ECEDBA #F3EFBF #FBF2C4

#CFE3A8 - #FBF2C4

HSV Blend

#CFE3A8 - #FBF2C4 | 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 #CFE3A8 as 0% and #FBF2C4 as 100%.

0.0%	0.0% #CFE3A8	RGB 207 227 168	#CFE3A8
16.7%	16.7% #D8E7AC	RGB 216 231 172	#D8E7AC
33.3%	33.3% #E1EBB1	RGB 225 235 177	#E1EBB1
50.0%	50.0% #E9EFB5	RGB 233 239 181	#E9EFB5
66.7%	66.7% #F2F3BA	RGB 242 243 186	#F2F3BA
83.3%	83.3% #F7F2BF	RGB 247 242 191	#F7F2BF
100.0%	100.0% #FBF2C4	RGB 251 242 196	#FBF2C4

#CFE3A8 #D8E7AC #E1EBB1 #E9EFB5 #F2F3BA #F7F2BF #FBF2C4

#CFE3A8 - #E9EFB5 - #FBF2C4

CSS codes

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

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