#FFABF3 - #DC2DB8 | 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 #FFABF3 to #DC2DB8

#FFABF3 #DC2DB8

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

#FFABF3 - #DC2DB8 | 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 #FFABF3 as 0% and #DC2DB8 as 100%.

0.0%	0.0% #FFABF3	RGB 255 171 243	#FFABF3
16.7%	16.7% #F996E9	RGB 249 150 233	#F996E9
33.3%	33.3% #F381DF	RGB 243 129 223	#F381DF
50.0%	50.0% #ED6CD5	RGB 237 108 213	#ED6CD5
66.7%	66.7% #E757CB	RGB 231 87 203	#E757CB
83.3%	83.3% #E142C1	RGB 225 66 193	#E142C1
100.0%	100.0% #DC2DB8	RGB 220 45 184	#DC2DB8

#FFABF3 #F996E9 #F381DF #ED6CD5 #E757CB #E142C1 #DC2DB8

#FFABF3 - #DC2DB8

HSV Blend

#FFABF3 - #DC2DB8 | 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 #FFABF3 as 0% and #DC2DB8 as 100%.

0.0%	0.0% #FFABF3	RGB 255 171 243	#FFABF3
16.7%	16.7% #F993E9	RGB 249 147 233	#F993E9
33.3%	33.3% #F37DE0	RGB 243 125 224	#F37DE0
50.0%	50.0% #ED67D6	RGB 237 103 214	#ED67D6
66.7%	66.7% #E753CC	RGB 231 83 204	#E753CC
83.3%	83.3% #E13FC2	RGB 225 63 194	#E13FC2
100.0%	100.0% #DC2DB8	RGB 220 45 184	#DC2DB8

#FFABF3 #F993E9 #F37DE0 #ED67D6 #E753CC #E13FC2 #DC2DB8

#FFABF3 - #ED67D6 - #DC2DB8

CSS codes

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

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