#DA91C7 - #AB257C | 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 #DA91C7 to #AB257C

#DA91C7 #AB257C

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

#DA91C7 - #AB257C | 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 #DA91C7 as 0% and #AB257C as 100%.

0.0%	0.0% #DA91C7	RGB 218 145 199	#DA91C7
16.7%	16.7% #D27FBA	RGB 210 127 186	#D27FBA
33.3%	33.3% #CA6DAE	RGB 202 109 174	#CA6DAE
50.0%	50.0% #C25BA1	RGB 194 91 161	#C25BA1
66.7%	66.7% #BA4995	RGB 186 73 149	#BA4995
83.3%	83.3% #B23788	RGB 178 55 136	#B23788
100.0%	100.0% #AB257C	RGB 171 37 124	#AB257C

#DA91C7 #D27FBA #CA6DAE #C25BA1 #BA4995 #B23788 #AB257C

#DA91C7 - #AB257C

HSV Blend

#DA91C7 - #AB257C | 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 #DA91C7 as 0% and #AB257C as 100%.

0.0%	0.0% #DA91C7	RGB 218 145 199	#DA91C7
16.7%	16.7% #D27CBA	RGB 210 124 186	#D27CBA
33.3%	33.3% #CA68AD	RGB 202 104 173	#CA68AD
50.0%	50.0% #C255A1	RGB 194 85 161	#C255A1
66.7%	66.7% #BA4494	RGB 186 68 148	#BA4494
83.3%	83.3% #B23488	RGB 178 52 136	#B23488
100.0%	100.0% #AB257C	RGB 171 37 124	#AB257C

#DA91C7 #D27CBA #CA68AD #C255A1 #BA4494 #B23488 #AB257C

#DA91C7 - #C255A1 - #AB257C

CSS codes

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

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