#C27D9A - #FECDB4 | 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 #C27D9A to #FECDB4

#C27D9A #FECDB4

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

#C27D9A - #FECDB4 | 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 #C27D9A as 0% and #FECDB4 as 100%.

0.0%	0.0% #C27D9A	RGB 194 125 154	#C27D9A
16.7%	16.7% #CC8A9E	RGB 204 138 158	#CC8A9E
33.3%	33.3% #D697A2	RGB 214 151 162	#D697A2
50.0%	50.0% #E0A5A7	RGB 224 165 167	#E0A5A7
66.7%	66.7% #EAB2AB	RGB 234 178 171	#EAB2AB
83.3%	83.3% #F4BFAF	RGB 244 191 175	#F4BFAF
100.0%	100.0% #FECDB4	RGB 254 205 180	#FECDB4

#C27D9A #CC8A9E #D697A2 #E0A5A7 #EAB2AB #F4BFAF #FECDB4

#C27D9A - #FECDB4

HSV Blend

#C27D9A - #FECDB4 | 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 #C27D9A as 0% and #FECDB4 as 100%.

0.0%	0.0% #C27D99	RGB 194 125 153	#C27D99
16.7%	16.7% #CC859A	RGB 204 133 154	#CC859A
33.3%	33.3% #D68E9A	RGB 214 142 154	#D68E9A
50.0%	50.0% #E0979A	RGB 224 151 154	#E0979A
66.7%	66.7% #EAA7A0	RGB 234 167 160	#EAA7A0
83.3%	83.3% #F4B9AA	RGB 244 185 170	#F4B9AA
100.0%	100.0% #FECDB4	RGB 254 205 180	#FECDB4

#C27D99 #CC859A #D68E9A #E0979A #EAA7A0 #F4B9AA #FECDB4

#C27D9A - #E0979A - #FECDB4

CSS codes

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

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