#DF26C2 - #FFA9F6 | 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 #DF26C2 to #FFA9F6

#DF26C2 #FFA9F6

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

#DF26C2 - #FFA9F6 | 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 #DF26C2 as 0% and #FFA9F6 as 100%.

0.0%	0.0% #DF26C2	RGB 223 38 194	#DF26C2
16.7%	16.7% #E43BCA	RGB 228 59 202	#E43BCA
33.3%	33.3% #E951D3	RGB 233 81 211	#E951D3
50.0%	50.0% #EF67DC	RGB 239 103 220	#EF67DC
66.7%	66.7% #F47DE4	RGB 244 125 228	#F47DE4
83.3%	83.3% #F993ED	RGB 249 147 237	#F993ED
100.0%	100.0% #FFA9F6	RGB 255 169 246	#FFA9F6

#DF26C2 #E43BCA #E951D3 #EF67DC #F47DE4 #F993ED #FFA9F6

#DF26C2 - #FFA9F6

HSV Blend

#DF26C2 - #FFA9F6 | 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 #DF26C2 as 0% and #FFA9F6 as 100%.

0.0%	0.0% #DF26C2	RGB 223 38 194	#DF26C2
16.7%	16.7% #E439CB	RGB 228 57 203	#E439CB
33.3%	33.3% #E94ED3	RGB 233 78 211	#E94ED3
50.0%	50.0% #EF63DC	RGB 239 99 220	#EF63DC
66.7%	66.7% #F479E5	RGB 244 121 229	#F479E5
83.3%	83.3% #F990ED	RGB 249 144 237	#F990ED
100.0%	100.0% #FFA9F6	RGB 255 169 246	#FFA9F6

#DF26C2 #E439CB #E94ED3 #EF63DC #F479E5 #F990ED #FFA9F6

#DF26C2 - #EF63DC - #FFA9F6

CSS codes

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

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