#C974A8 - #FCCDC5 | 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 #C974A8 to #FCCDC5

#C974A8 #FCCDC5

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

#C974A8 - #FCCDC5 | 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 #C974A8 as 0% and #FCCDC5 as 100%.

0.0%	0.0% #C974A8	RGB 201 116 168	#C974A8
16.7%	16.7% #D182AC	RGB 209 130 172	#D182AC
33.3%	33.3% #DA91B1	RGB 218 145 177	#DA91B1
50.0%	50.0% #E2A0B6	RGB 226 160 182	#E2A0B6
66.7%	66.7% #EBAFBB	RGB 235 175 187	#EBAFBB
83.3%	83.3% #F3BEC0	RGB 243 190 192	#F3BEC0
100.0%	100.0% #FCCDC5	RGB 252 205 197	#FCCDC5

#C974A8 #D182AC #DA91B1 #E2A0B6 #EBAFBB #F3BEC0 #FCCDC5

#C974A8 - #FCCDC5

HSV Blend

#C974A8 - #FCCDC5 | 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 #C974A8 as 0% and #FCCDC5 as 100%.

0.0%	0.0% #C974A8	RGB 201 116 168	#C974A8
16.7%	16.7% #D180A7	RGB 209 128 167	#D180A7
33.3%	33.3% #DA8CA8	RGB 218 140 168	#DA8CA8
50.0%	50.0% #E299AA	RGB 226 153 170	#E299AA
66.7%	66.7% #EBA7AE	RGB 235 167 174	#EBA7AE
83.3%	83.3% #F3B7B6	RGB 243 183 182	#F3B7B6
100.0%	100.0% #FCCDC5	RGB 252 205 197	#FCCDC5

#C974A8 #D180A7 #DA8CA8 #E299AA #EBA7AE #F3B7B6 #FCCDC5

#C974A8 - #E299AA - #FCCDC5

CSS codes

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

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