#FFA2EA - #CD2B9E | 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 #FFA2EA to #CD2B9E

#FFA2EA #CD2B9E

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

#FFA2EA - #CD2B9E | 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 #FFA2EA as 0% and #CD2B9E as 100%.

0.0%	0.0% #FFA2EA	RGB 255 162 234	#FFA2EA
16.7%	16.7% #F68EDD	RGB 246 142 221	#F68EDD
33.3%	33.3% #EE7AD0	RGB 238 122 208	#EE7AD0
50.0%	50.0% #E666C4	RGB 230 102 196	#E666C4
66.7%	66.7% #DD52B7	RGB 221 82 183	#DD52B7
83.3%	83.3% #D53EAA	RGB 213 62 170	#D53EAA
100.0%	100.0% #CD2B9E	RGB 205 43 158	#CD2B9E

#FFA2EA #F68EDD #EE7AD0 #E666C4 #DD52B7 #D53EAA #CD2B9E

#FFA2EA - #CD2B9E

HSV Blend

#FFA2EA - #CD2B9E | 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 #FFA2EA as 0% and #CD2B9E as 100%.

0.0%	0.0% #FFA2EA	RGB 255 162 234	#FFA2EA
16.7%	16.7% #F68BDD	RGB 246 139 221	#F68BDD
33.3%	33.3% #EE75D0	RGB 238 117 208	#EE75D0
50.0%	50.0% #E661C3	RGB 230 97 195	#E661C3
66.7%	66.7% #DD4DB7	RGB 221 77 183	#DD4DB7
83.3%	83.3% #D53BAA	RGB 213 59 170	#D53BAA
100.0%	100.0% #CD2B9E	RGB 205 43 158	#CD2B9E

#FFA2EA #F68BDD #EE75D0 #E661C3 #DD4DB7 #D53BAA #CD2B9E

#FFA2EA - #E661C3 - #CD2B9E

CSS codes

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

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