#CC5DAB - #FBC1CD | 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 #CC5DAB to #FBC1CD

#CC5DAB #FBC1CD

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

#CC5DAB - #FBC1CD | 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 #CC5DAB as 0% and #FBC1CD as 100%.

0.0%	0.0% #CC5DAB	RGB 204 93 171	#CC5DAB
16.7%	16.7% #D36DB0	RGB 211 109 176	#D36DB0
33.3%	33.3% #DB7EB6	RGB 219 126 182	#DB7EB6
50.0%	50.0% #E38FBC	RGB 227 143 188	#E38FBC
66.7%	66.7% #EB9FC1	RGB 235 159 193	#EB9FC1
83.3%	83.3% #F3B0C7	RGB 243 176 199	#F3B0C7
100.0%	100.0% #FBC1CD	RGB 251 193 205	#FBC1CD

#CC5DAB #D36DB0 #DB7EB6 #E38FBC #EB9FC1 #F3B0C7 #FBC1CD

#CC5DAB - #FBC1CD

HSV Blend

#CC5DAB - #FBC1CD | 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 #CC5DAB as 0% and #FBC1CD as 100%.

0.0%	0.0% #CC5DAB	RGB 204 93 171	#CC5DAB
16.7%	16.7% #D36BAC	RGB 211 107 172	#D36BAC
33.3%	33.3% #DB7BAE	RGB 219 123 174	#DB7BAE
50.0%	50.0% #E38BB3	RGB 227 139 179	#E38BB3
66.7%	66.7% #EB9CB9	RGB 235 156 185	#EB9CB9
83.3%	83.3% #F3AEC2	RGB 243 174 194	#F3AEC2
100.0%	100.0% #FBC1CD	RGB 251 193 205	#FBC1CD

#CC5DAB #D36BAC #DB7BAE #E38BB3 #EB9CB9 #F3AEC2 #FBC1CD

#CC5DAB - #E38BB3 - #FBC1CD

CSS codes

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

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