#CC93B5 - #FEDFCF | 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 #CC93B5 to #FEDFCF

#CC93B5 #FEDFCF

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

#CC93B5 - #FEDFCF | 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 #CC93B5 as 0% and #FEDFCF as 100%.

0.0%	0.0% #CC93B5	RGB 204 147 181	#CC93B5
16.7%	16.7% #D49FB9	RGB 212 159 185	#D49FB9
33.3%	33.3% #DCACBD	RGB 220 172 189	#DCACBD
50.0%	50.0% #E5B9C2	RGB 229 185 194	#E5B9C2
66.7%	66.7% #EDC5C6	RGB 237 197 198	#EDC5C6
83.3%	83.3% #F5D2CA	RGB 245 210 202	#F5D2CA
100.0%	100.0% #FEDFCF	RGB 254 223 207	#FEDFCF

#CC93B5 #D49FB9 #DCACBD #E5B9C2 #EDC5C6 #F5D2CA #FEDFCF

#CC93B5 - #FEDFCF

HSV Blend

#CC93B5 - #FEDFCF | 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 #CC93B5 as 0% and #FEDFCF as 100%.

0.0%	0.0% #CC93B5	RGB 204 147 181	#CC93B5
16.7%	16.7% #D49CB4	RGB 212 156 180	#D49CB4
33.3%	33.3% #DCA5B5	RGB 220 165 181	#DCA5B5
50.0%	50.0% #E5AFB6	RGB 229 175 182	#E5AFB6
66.7%	66.7% #EDBBB9	RGB 237 187 185	#EDBBB9
83.3%	83.3% #F5CDC4	RGB 245 205 196	#F5CDC4
100.0%	100.0% #FEDFCF	RGB 254 223 207	#FEDFCF

#CC93B5 #D49CB4 #DCA5B5 #E5AFB6 #EDBBB9 #F5CDC4 #FEDFCF

#CC93B5 - #E5AFB6 - #FEDFCF

CSS codes

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

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