#FFABF7 - #DC2BBE | 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 #FFABF7 to #DC2BBE

#FFABF7 #DC2BBE

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

#FFABF7 - #DC2BBE | 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 #FFABF7 as 0% and #DC2BBE as 100%.

0.0%	0.0% #FFABF7	RGB 255 171 247	#FFABF7
16.7%	16.7% #F995ED	RGB 249 149 237	#F995ED
33.3%	33.3% #F380E4	RGB 243 128 228	#F380E4
50.0%	50.0% #ED6BDA	RGB 237 107 218	#ED6BDA
66.7%	66.7% #E755D1	RGB 231 85 209	#E755D1
83.3%	83.3% #E140C7	RGB 225 64 199	#E140C7
100.0%	100.0% #DC2BBE	RGB 220 43 190	#DC2BBE

#FFABF7 #F995ED #F380E4 #ED6BDA #E755D1 #E140C7 #DC2BBE

#FFABF7 - #DC2BBE

HSV Blend

#FFABF7 - #DC2BBE | 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 #FFABF7 as 0% and #DC2BBE as 100%.

0.0%	0.0% #FFABF7	RGB 255 171 247	#FFABF7
16.7%	16.7% #F993EE	RGB 249 147 238	#F993EE
33.3%	33.3% #F37CE5	RGB 243 124 229	#F37CE5
50.0%	50.0% #ED66DB	RGB 237 102 219	#ED66DB
66.7%	66.7% #E751D1	RGB 231 81 209	#E751D1
83.3%	83.3% #E13EC8	RGB 225 62 200	#E13EC8
100.0%	100.0% #DC2BBE	RGB 220 43 190	#DC2BBE

#FFABF7 #F993EE #F37CE5 #ED66DB #E751D1 #E13EC8 #DC2BBE

#FFABF7 - #ED66DB - #DC2BBE

CSS codes

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

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