#FFA8D6 - #FCCFF7 | 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 #FFA8D6 to #FCCFF7

#FFA8D6 #FCCFF7

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

#FFA8D6 - #FCCFF7 | 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 #FFA8D6 as 0% and #FCCFF7 as 100%.

0.0%	0.0% #FFA8D6	RGB 255 168 214	#FFA8D6
16.7%	16.7% #FEAEDB	RGB 254 174 219	#FEAEDB
33.3%	33.3% #FEB5E1	RGB 254 181 225	#FEB5E1
50.0%	50.0% #FDBBE6	RGB 253 187 230	#FDBBE6
66.7%	66.7% #FDC2EC	RGB 253 194 236	#FDC2EC
83.3%	83.3% #FCC8F1	RGB 252 200 241	#FCC8F1
100.0%	100.0% #FCCFF7	RGB 252 207 247	#FCCFF7

#FFA8D6 #FEAEDB #FEB5E1 #FDBBE6 #FDC2EC #FCC8F1 #FCCFF7

#FFA8D6 - #FCCFF7

HSV Blend

#FFA8D6 - #FCCFF7 | 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 #FFA8D6 as 0% and #FCCFF7 as 100%.

0.0%	0.0% #FFA8D6	RGB 255 168 214	#FFA8D6
16.7%	16.7% #FEAEDD	RGB 254 174 221	#FEAEDD
33.3%	33.3% #FEB5E4	RGB 254 181 228	#FEB5E4
50.0%	50.0% #FDBBEA	RGB 253 187 234	#FDBBEA
66.7%	66.7% #FDC2EF	RGB 253 194 239	#FDC2EF
83.3%	83.3% #FCC8F3	RGB 252 200 243	#FCC8F3
100.0%	100.0% #FCCFF7	RGB 252 207 247	#FCCFF7

#FFA8D6 #FEAEDD #FEB5E4 #FDBBEA #FDC2EF #FCC8F3 #FCCFF7

#FFA8D6 - #FDBBEA - #FCCFF7

CSS codes

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

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