#CCAFBA - #FFCBCB | 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 #CCAFBA to #FFCBCB

#CCAFBA #FFCBCB

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

#CCAFBA - #FFCBCB | 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 #CCAFBA as 0% and #FFCBCB as 100%.

0.0%	0.0% #CCAFBA	RGB 204 175 186	#CCAFBA
16.7%	16.7% #D4B3BC	RGB 212 179 188	#D4B3BC
33.3%	33.3% #DDB8BF	RGB 221 184 191	#DDB8BF
50.0%	50.0% #E5BDC2	RGB 229 189 194	#E5BDC2
66.7%	66.7% #EEC1C5	RGB 238 193 197	#EEC1C5
83.3%	83.3% #F6C6C8	RGB 246 198 200	#F6C6C8
100.0%	100.0% #FFCBCB	RGB 255 203 203	#FFCBCB

#CCAFBA #D4B3BC #DDB8BF #E5BDC2 #EEC1C5 #F6C6C8 #FFCBCB

#CCAFBA - #FFCBCB

HSV Blend

#CCAFBA - #FFCBCB | 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 #CCAFBA as 0% and #FFCBCB as 100%.

0.0%	0.0% #CCAFBA	RGB 204 175 186	#CCAFBA
16.7%	16.7% #D4B4BE	RGB 212 180 190	#D4B4BE
33.3%	33.3% #DDB9C2	RGB 221 185 194	#DDB9C2
50.0%	50.0% #E5BDC5	RGB 229 189 197	#E5BDC5
66.7%	66.7% #EEC2C7	RGB 238 194 199	#EEC2C7
83.3%	83.3% #F6C6C9	RGB 246 198 201	#F6C6C9
100.0%	100.0% #FFCBCB	RGB 255 203 203	#FFCBCB

#CCAFBA #D4B4BE #DDB9C2 #E5BDC5 #EEC2C7 #F6C6C9 #FFCBCB

#CCAFBA - #E5BDC5 - #FFCBCB

CSS codes

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

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