#FFA2D1 - #C0D2FA | 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 #FFA2D1 to #C0D2FA

#FFA2D1 #C0D2FA

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

#FFA2D1 - #C0D2FA | 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 #FFA2D1 as 0% and #C0D2FA as 100%.

0.0%	0.0% #FFA2D1	RGB 255 162 209	#FFA2D1
16.7%	16.7% #F4AAD7	RGB 244 170 215	#F4AAD7
33.3%	33.3% #EAB2DE	RGB 234 178 222	#EAB2DE
50.0%	50.0% #DFBAE5	RGB 223 186 229	#DFBAE5
66.7%	66.7% #D5C2EC	RGB 213 194 236	#D5C2EC
83.3%	83.3% #CACAF3	RGB 202 202 243	#CACAF3
100.0%	100.0% #C0D2FA	RGB 192 210 250	#C0D2FA

#FFA2D1 #F4AAD7 #EAB2DE #DFBAE5 #D5C2EC #CACAF3 #C0D2FA

#FFA2D1 - #C0D2FA

HSV Blend

#FFA2D1 - #C0D2FA | 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 #FFA2D1 as 0% and #C0D2FA as 100%.

0.0%	0.0% #FFA2D1	RGB 255 162 209	#FFA2D1
16.7%	16.7% #FEA7ED	RGB 254 167 237	#FEA7ED
33.3%	33.3% #F4ACFD	RGB 244 172 253	#F4ACFD
50.0%	50.0% #DDB1FC	RGB 221 177 252	#DDB1FC
66.7%	66.7% #CAB6FB	RGB 202 182 251	#CAB6FB
83.3%	83.3% #BBBBFA	RGB 187 187 250	#BBBBFA
100.0%	100.0% #C0D2FA	RGB 192 210 250	#C0D2FA

#FFA2D1 #FEA7ED #F4ACFD #DDB1FC #CAB6FB #BBBBFA #C0D2FA

#FFA2D1 - #DDB1FC - #C0D2FA

CSS codes

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

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