#CF2ADA - #FFA2F2 | 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 #CF2ADA to #FFA2F2

#CF2ADA #FFA2F2

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

#CF2ADA - #FFA2F2 | 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 #CF2ADA as 0% and #FFA2F2 as 100%.

0.0%	0.0% #CF2ADA	RGB 207 42 218	#CF2ADA
16.7%	16.7% #D73EDE	RGB 215 62 222	#D73EDE
33.3%	33.3% #DF52E2	RGB 223 82 226	#DF52E2
50.0%	50.0% #E766E6	RGB 231 102 230	#E766E6
66.7%	66.7% #EF7AEA	RGB 239 122 234	#EF7AEA
83.3%	83.3% #F78EEE	RGB 247 142 238	#F78EEE
100.0%	100.0% #FFA2F2	RGB 255 162 242	#FFA2F2

#CF2ADA #D73EDE #DF52E2 #E766E6 #EF7AEA #F78EEE #FFA2F2

#CF2ADA - #FFA2F2

HSV Blend

#CF2ADA - #FFA2F2 | 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 #CF2ADA as 0% and #FFA2F2 as 100%.

0.0%	0.0% #CF2ADA	RGB 207 42 218	#CF2ADA
16.7%	16.7% #DB3BE0	RGB 219 59 224	#DB3BE0
33.3%	33.3% #E64EE5	RGB 230 78 229	#E64EE5
50.0%	50.0% #EC61E7	RGB 236 97 231	#EC61E7
66.7%	66.7% #F276E9	RGB 242 118 233	#F276E9
83.3%	83.3% #F88BED	RGB 248 139 237	#F88BED
100.0%	100.0% #FFA2F2	RGB 255 162 242	#FFA2F2

#CF2ADA #DB3BE0 #E64EE5 #EC61E7 #F276E9 #F88BED #FFA2F2

#CF2ADA - #EC61E7 - #FFA2F2

CSS codes

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

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