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

#CE31A8 #FFA2D1

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

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

0.0%	0.0% #CE31A8	RGB 206 49 168	#CE31A8
16.7%	16.7% #D643AE	RGB 214 67 174	#D643AE
33.3%	33.3% #DE56B5	RGB 222 86 181	#DE56B5
50.0%	50.0% #E669BC	RGB 230 105 188	#E669BC
66.7%	66.7% #EE7CC3	RGB 238 124 195	#EE7CC3
83.3%	83.3% #F68FCA	RGB 246 143 202	#F68FCA
100.0%	100.0% #FFA2D1	RGB 255 162 209	#FFA2D1

#CE31A8 #D643AE #DE56B5 #E669BC #EE7CC3 #F68FCA #FFA2D1

#CE31A8 - #FFA2D1

HSV Blend

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

0.0%	0.0% #CE31A8	RGB 206 49 168	#CE31A8
16.7%	16.7% #D641AB	RGB 214 65 171	#D641AB
33.3%	33.3% #DE52B0	RGB 222 82 176	#DE52B0
50.0%	50.0% #E664B6	RGB 230 100 182	#E664B6
66.7%	66.7% #EE78BD	RGB 238 120 189	#EE78BD
83.3%	83.3% #F68CC6	RGB 246 140 198	#F68CC6
100.0%	100.0% #FFA2D1	RGB 255 162 209	#FFA2D1

#CE31A8 #D641AB #DE52B0 #E664B6 #EE78BD #F68CC6 #FFA2D1

#CE31A8 - #E664B6 - #FFA2D1

CSS codes

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

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