#CC6DB1 - #FACCD1 | 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 #CC6DB1 to #FACCD1

#CC6DB1 #FACCD1

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

#CC6DB1 - #FACCD1 | 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 #CC6DB1 as 0% and #FACCD1 as 100%.

0.0%	0.0% #CC6DB1	RGB 204 109 177	#CC6DB1
16.7%	16.7% #D37CB6	RGB 211 124 182	#D37CB6
33.3%	33.3% #DB8CBB	RGB 219 140 187	#DB8CBB
50.0%	50.0% #E39CC1	RGB 227 156 193	#E39CC1
66.7%	66.7% #EAACC6	RGB 234 172 198	#EAACC6
83.3%	83.3% #F2BCCB	RGB 242 188 203	#F2BCCB
100.0%	100.0% #FACCD1	RGB 250 204 209	#FACCD1

#CC6DB1 #D37CB6 #DB8CBB #E39CC1 #EAACC6 #F2BCCB #FACCD1

#CC6DB1 - #FACCD1

HSV Blend

#CC6DB1 - #FACCD1 | 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 #CC6DB1 as 0% and #FACCD1 as 100%.

0.0%	0.0% #CC6DB1	RGB 204 109 177	#CC6DB1
16.7%	16.7% #D37BB1	RGB 211 123 177	#D37BB1
33.3%	33.3% #DB89B3	RGB 219 137 179	#DB89B3
50.0%	50.0% #E399B7	RGB 227 153 183	#E399B7
66.7%	66.7% #EAA9BD	RGB 234 169 189	#EAA9BD
83.3%	83.3% #F2BAC6	RGB 242 186 198	#F2BAC6
100.0%	100.0% #FACCD1	RGB 250 204 209	#FACCD1

#CC6DB1 #D37BB1 #DB89B3 #E399B7 #EAA9BD #F2BAC6 #FACCD1

#CC6DB1 - #E399B7 - #FACCD1

CSS codes

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

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