#FCC5E6 - #DA60A3 | 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 #FCC5E6 to #DA60A3

#FCC5E6 #DA60A3

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

#FCC5E6 - #DA60A3 | 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 #FCC5E6 as 0% and #DA60A3 as 100%.

0.0%	0.0% #FCC5E6	RGB 252 197 230	#FCC5E6
16.7%	16.7% #F6B4DA	RGB 246 180 218	#F6B4DA
33.3%	33.3% #F0A3CF	RGB 240 163 207	#F0A3CF
50.0%	50.0% #EB92C4	RGB 235 146 196	#EB92C4
66.7%	66.7% #E581B9	RGB 229 129 185	#E581B9
83.3%	83.3% #DF70AE	RGB 223 112 174	#DF70AE
100.0%	100.0% #DA60A3	RGB 218 96 163	#DA60A3

#FCC5E6 #F6B4DA #F0A3CF #EB92C4 #E581B9 #DF70AE #DA60A3

#FCC5E6 - #DA60A3

HSV Blend

#FCC5E6 - #DA60A3 | 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 #FCC5E6 as 0% and #DA60A3 as 100%.

0.0%	0.0% #FCC5E6	RGB 252 197 230	#FCC5E6
16.7%	16.7% #F6B2DA	RGB 246 178 218	#F6B2DA
33.3%	33.3% #F0A0CF	RGB 240 160 207	#F0A0CF
50.0%	50.0% #EB8FC4	RGB 235 143 196	#EB8FC4
66.7%	66.7% #E57FB8	RGB 229 127 184	#E57FB8
83.3%	83.3% #DF6FAD	RGB 223 111 173	#DF6FAD
100.0%	100.0% #DA60A3	RGB 218 96 163	#DA60A3

#FCC5E6 #F6B2DA #F0A0CF #EB8FC4 #E57FB8 #DF6FAD #DA60A3

#FCC5E6 - #EB8FC4 - #DA60A3

CSS codes

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

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