#CAFBAB - #F5FDCD | 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 #CAFBAB to #F5FDCD

#CAFBAB #F5FDCD

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

#CAFBAB - #F5FDCD | 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 #CAFBAB as 0% and #F5FDCD as 100%.

0.0%	0.0% #CAFBAB	RGB 202 251 171	#CAFBAB
16.7%	16.7% #D1FBB0	RGB 209 251 176	#D1FBB0
33.3%	33.3% #D8FBB6	RGB 216 251 182	#D8FBB6
50.0%	50.0% #DFFCBC	RGB 223 252 188	#DFFCBC
66.7%	66.7% #E6FCC1	RGB 230 252 193	#E6FCC1
83.3%	83.3% #EDFCC7	RGB 237 252 199	#EDFCC7
100.0%	100.0% #F5FDCD	RGB 245 253 205	#F5FDCD

#CAFBAB #D1FBB0 #D8FBB6 #DFFCBC #E6FCC1 #EDFCC7 #F5FDCD

#CAFBAB - #F5FDCD

HSV Blend

#CAFBAB - #F5FDCD | 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 #CAFBAB as 0% and #F5FDCD as 100%.

0.0%	0.0% #CAFBAB	RGB 202 251 171	#CAFBAB
16.7%	16.7% #D3FBB0	RGB 211 251 176	#D3FBB0
33.3%	33.3% #DBFBB6	RGB 219 251 182	#DBFBB6
50.0%	50.0% #E3FCBB	RGB 227 252 187	#E3FCBB
66.7%	66.7% #E9FCC1	RGB 233 252 193	#E9FCC1
83.3%	83.3% #EFFCC7	RGB 239 252 199	#EFFCC7
100.0%	100.0% #F5FDCD	RGB 245 253 205	#F5FDCD

#CAFBAB #D3FBB0 #DBFBB6 #E3FCBB #E9FCC1 #EFFCC7 #F5FDCD

#CAFBAB - #E3FCBB - #F5FDCD

CSS codes

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

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