#DA5E9A - #AE1B64 | 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 #DA5E9A to #AE1B64

#DA5E9A #AE1B64

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

#DA5E9A - #AE1B64 | 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 #DA5E9A as 0% and #AE1B64 as 100%.

0.0%	0.0% #DA5E9A	RGB 218 94 154	#DA5E9A
16.7%	16.7% #D25291	RGB 210 82 145	#D25291
33.3%	33.3% #CB4788	RGB 203 71 136	#CB4788
50.0%	50.0% #C43C7F	RGB 196 60 127	#C43C7F
66.7%	66.7% #BC3176	RGB 188 49 118	#BC3176
83.3%	83.3% #B5266D	RGB 181 38 109	#B5266D
100.0%	100.0% #AE1B64	RGB 174 27 100	#AE1B64

#DA5E9A #D25291 #CB4788 #C43C7F #BC3176 #B5266D #AE1B64

#DA5E9A - #AE1B64

HSV Blend

#DA5E9A - #AE1B64 | 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 #DA5E9A as 0% and #AE1B64 as 100%.

0.0%	0.0% #DA5E99	RGB 218 94 153	#DA5E99
16.7%	16.7% #D25190	RGB 210 81 144	#D25190
33.3%	33.3% #CB4486	RGB 203 68 134	#CB4486
50.0%	50.0% #C4397D	RGB 196 57 125	#C4397D
66.7%	66.7% #BC2E74	RGB 188 46 116	#BC2E74
83.3%	83.3% #B5246C	RGB 181 36 108	#B5246C
100.0%	100.0% #AE1B64	RGB 174 27 100	#AE1B64

#DA5E99 #D25190 #CB4486 #C4397D #BC2E74 #B5246C #AE1B64

#DA5E9A - #C4397D - #AE1B64

CSS codes

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

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