#C4ACB2 - #CCDFD9 | 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 #C4ACB2 to #CCDFD9

#C4ACB2 #CCDFD9

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

#C4ACB2 - #CCDFD9 | 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 #C4ACB2 as 0% and #CCDFD9 as 100%.

0.0%	0.0% #C4ACB2	RGB 196 172 178	#C4ACB2
16.7%	16.7% #C5B4B8	RGB 197 180 184	#C5B4B8
33.3%	33.3% #C6BDBF	RGB 198 189 191	#C6BDBF
50.0%	50.0% #C8C5C5	RGB 200 197 197	#C8C5C5
66.7%	66.7% #C9CECC	RGB 201 206 204	#C9CECC
83.3%	83.3% #CAD6D2	RGB 202 214 210	#CAD6D2
100.0%	100.0% #CCDFD9	RGB 204 223 217	#CCDFD9

#C4ACB2 #C5B4B8 #C6BDBF #C8C5C5 #C9CECC #CAD6D2 #CCDFD9

#C4ACB2 - #CCDFD9

HSV Blend

#C4ACB2 - #CCDFD9 | 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 #C4ACB2 as 0% and #CCDFD9 as 100%.

0.0%	0.0% #C4ACB2	RGB 196 172 178	#C4ACB2
16.7%	16.7% #C8B6B1	RGB 200 182 177	#C8B6B1
33.3%	33.3% #CDC6B6	RGB 205 198 182	#CDC6B6
50.0%	50.0% #CCD1BB	RGB 204 209 187	#CCD1BB
66.7%	66.7% #C7D6C1	RGB 199 214 193	#C7D6C1
83.3%	83.3% #C6DACA	RGB 198 218 202	#C6DACA
100.0%	100.0% #CCDFD9	RGB 204 223 217	#CCDFD9

#C4ACB2 #C8B6B1 #CDC6B6 #CCD1BB #C7D6C1 #C6DACA #CCDFD9

#C4ACB2 - #CCD1BB - #CCDFD9

CSS codes

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

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