#FFA2D0 - #CE2D73 | 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 #FFA2D0 to #CE2D73

#FFA2D0 #CE2D73

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

#FFA2D0 - #CE2D73 | 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 #FFA2D0 as 0% and #CE2D73 as 100%.

0.0%	0.0% #FFA2D0	RGB 255 162 208	#FFA2D0
16.7%	16.7% #F68EC0	RGB 246 142 192	#F68EC0
33.3%	33.3% #EE7BB1	RGB 238 123 177	#EE7BB1
50.0%	50.0% #E667A1	RGB 230 103 161	#E667A1
66.7%	66.7% #DE5492	RGB 222 84 146	#DE5492
83.3%	83.3% #D64082	RGB 214 64 130	#D64082
100.0%	100.0% #CE2D73	RGB 206 45 115	#CE2D73

#FFA2D0 #F68EC0 #EE7BB1 #E667A1 #DE5492 #D64082 #CE2D73

#FFA2D0 - #CE2D73

HSV Blend

#FFA2D0 - #CE2D73 | 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 #FFA2D0 as 0% and #CE2D73 as 100%.

0.0%	0.0% #FFA2D0	RGB 255 162 208	#FFA2D0
16.7%	16.7% #F68BBF	RGB 246 139 191	#F68BBF
33.3%	33.3% #EE76AF	RGB 238 118 175	#EE76AF
50.0%	50.0% #E6629F	RGB 230 98 159	#E6629F
66.7%	66.7% #DE4F90	RGB 222 79 144	#DE4F90
83.3%	83.3% #D63D81	RGB 214 61 129	#D63D81
100.0%	100.0% #CE2D73	RGB 206 45 115	#CE2D73

#FFA2D0 #F68BBF #EE76AF #E6629F #DE4F90 #D63D81 #CE2D73

#FFA2D0 - #E6629F - #CE2D73

CSS codes

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

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