#CCAAB9 - #FFD1C2 | 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 #CCAAB9 to #FFD1C2

#CCAAB9 #FFD1C2

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

#CCAAB9 - #FFD1C2 | 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 #CCAAB9 as 0% and #FFD1C2 as 100%.

0.0%	0.0% #CCAAB9	RGB 204 170 185	#CCAAB9
16.7%	16.7% #D4B0BA	RGB 212 176 186	#D4B0BA
33.3%	33.3% #DDB7BC	RGB 221 183 188	#DDB7BC
50.0%	50.0% #E5BDBD	RGB 229 189 189	#E5BDBD
66.7%	66.7% #EEC4BF	RGB 238 196 191	#EEC4BF
83.3%	83.3% #F6CAC0	RGB 246 202 192	#F6CAC0
100.0%	100.0% #FFD1C2	RGB 255 209 194	#FFD1C2

#CCAAB9 #D4B0BA #DDB7BC #E5BDBD #EEC4BF #F6CAC0 #FFD1C2

#CCAAB9 - #FFD1C2

HSV Blend

#CCAAB9 - #FFD1C2 | 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 #CCAAB9 as 0% and #FFD1C2 as 100%.

0.0%	0.0% #CCAAB9	RGB 204 170 185	#CCAAB9
16.7%	16.7% #D4AEBA	RGB 212 174 186	#D4AEBA
33.3%	33.3% #DDB2BB	RGB 221 178 187	#DDB2BB
50.0%	50.0% #E5B6BB	RGB 229 182 187	#E5B6BB
66.7%	66.7% #EEBBBA	RGB 238 187 186	#EEBBBA
83.3%	83.3% #F6C5BE	RGB 246 197 190	#F6C5BE
100.0%	100.0% #FFD1C2	RGB 255 209 194	#FFD1C2

#CCAAB9 #D4AEBA #DDB2BB #E5B6BB #EEBBBA #F6C5BE #FFD1C2

#CCAAB9 - #E5B6BB - #FFD1C2

CSS codes

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

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