#CC5EAB - #FBC2CD | 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 #CC5EAB to #FBC2CD

#CC5EAB #FBC2CD

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

#CC5EAB - #FBC2CD | 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 #CC5EAB as 0% and #FBC2CD as 100%.

0.0%	0.0% #CC5EAB	RGB 204 94 171	#CC5EAB
16.7%	16.7% #D36EB0	RGB 211 110 176	#D36EB0
33.3%	33.3% #DB7FB6	RGB 219 127 182	#DB7FB6
50.0%	50.0% #E390BC	RGB 227 144 188	#E390BC
66.7%	66.7% #EBA0C1	RGB 235 160 193	#EBA0C1
83.3%	83.3% #F3B1C7	RGB 243 177 199	#F3B1C7
100.0%	100.0% #FBC2CD	RGB 251 194 205	#FBC2CD

#CC5EAB #D36EB0 #DB7FB6 #E390BC #EBA0C1 #F3B1C7 #FBC2CD

#CC5EAB - #FBC2CD

HSV Blend

#CC5EAB - #FBC2CD | 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 #CC5EAB as 0% and #FBC2CD as 100%.

0.0%	0.0% #CC5DAB	RGB 204 93 171	#CC5DAB
16.7%	16.7% #D36CAC	RGB 211 108 172	#D36CAC
33.3%	33.3% #DB7CAE	RGB 219 124 174	#DB7CAE
50.0%	50.0% #E38CB3	RGB 227 140 179	#E38CB3
66.7%	66.7% #EB9DB9	RGB 235 157 185	#EB9DB9
83.3%	83.3% #F3AFC2	RGB 243 175 194	#F3AFC2
100.0%	100.0% #FBC2CD	RGB 251 194 205	#FBC2CD

#CC5DAB #D36CAC #DB7CAE #E38CB3 #EB9DB9 #F3AFC2 #FBC2CD

#CC5EAB - #E38CB3 - #FBC2CD

CSS codes

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

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