#CABFC4 - #CEDFD4 | 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 #CABFC4 to #CEDFD4

#CABFC4 #CEDFD4

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

#CABFC4 - #CEDFD4 | 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 #CABFC4 as 0% and #CEDFD4 as 100%.

0.0%	0.0% #CABFC4	RGB 202 191 196	#CABFC4
16.7%	16.7% #CAC4C6	RGB 202 196 198	#CAC4C6
33.3%	33.3% #CBC9C9	RGB 203 201 201	#CBC9C9
50.0%	50.0% #CCCFCC	RGB 204 207 204	#CCCFCC
66.7%	66.7% #CCD4CE	RGB 204 212 206	#CCD4CE
83.3%	83.3% #CDD9D1	RGB 205 217 209	#CDD9D1
100.0%	100.0% #CEDFD4	RGB 206 223 212	#CEDFD4

#CABFC4 #CAC4C6 #CBC9C9 #CCCFCC #CCD4CE #CDD9D1 #CEDFD4

#CABFC4 - #CEDFD4

HSV Blend

#CABFC4 - #CEDFD4 | 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 #CABFC4 as 0% and #CEDFD4 as 100%.

0.0%	0.0% #CABFC4	RGB 202 191 196	#CABFC4
16.7%	16.7% #CDC1C1	RGB 205 193 193	#CDC1C1
33.3%	33.3% #D1CAC4	RGB 209 202 196	#D1CAC4
50.0%	50.0% #D4D3C6	RGB 212 211 198	#D4D3C6
66.7%	66.7% #D1D8C9	RGB 209 216 201	#D1D8C9
83.3%	83.3% #CDDBCB	RGB 205 219 203	#CDDBCB
100.0%	100.0% #CEDFD4	RGB 206 223 212	#CEDFD4

#CABFC4 #CDC1C1 #D1CAC4 #D4D3C6 #D1D8C9 #CDDBCB #CEDFD4

#CABFC4 - #D4D3C6 - #CEDFD4

CSS codes

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

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