#FFA6DB - #CE2DA6 | 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 #FFA6DB to #CE2DA6

#FFA6DB #CE2DA6

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

#FFA6DB - #CE2DA6 | 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 #FFA6DB as 0% and #CE2DA6 as 100%.

0.0%	0.0% #FFA6DB	RGB 255 166 219	#FFA6DB
16.7%	16.7% #F691D2	RGB 246 145 210	#F691D2
33.3%	33.3% #EE7DC9	RGB 238 125 201	#EE7DC9
50.0%	50.0% #E669C0	RGB 230 105 192	#E669C0
66.7%	66.7% #DE55B7	RGB 222 85 183	#DE55B7
83.3%	83.3% #D641AE	RGB 214 65 174	#D641AE
100.0%	100.0% #CE2DA6	RGB 206 45 166	#CE2DA6

#FFA6DB #F691D2 #EE7DC9 #E669C0 #DE55B7 #D641AE #CE2DA6

#FFA6DB - #CE2DA6

HSV Blend

#FFA6DB - #CE2DA6 | 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 #FFA6DB as 0% and #CE2DA6 as 100%.

0.0%	0.0% #FFA6DB	RGB 255 166 219	#FFA6DB
16.7%	16.7% #F68ECF	RGB 246 142 207	#F68ECF
33.3%	33.3% #EE78C5	RGB 238 120 197	#EE78C5
50.0%	50.0% #E664BB	RGB 230 100 187	#E664BB
66.7%	66.7% #DE50B3	RGB 222 80 179	#DE50B3
83.3%	83.3% #D63EAC	RGB 214 62 172	#D63EAC
100.0%	100.0% #CE2DA6	RGB 206 45 166	#CE2DA6

#FFA6DB #F68ECF #EE78C5 #E664BB #DE50B3 #D63EAC #CE2DA6

#FFA6DB - #E664BB - #CE2DA6

CSS codes

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

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