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

#DA5E99 #AE1B64

Calculate the color between two colors, #DA5E99 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)

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

0.0%	0.0% #DA5E99	RGB 218 94 153	#DA5E99
16.7%	16.7% #D25290	RGB 210 82 144	#D25290
33.3%	33.3% #CB4787	RGB 203 71 135	#CB4787
50.0%	50.0% #C43C7E	RGB 196 60 126	#C43C7E
66.7%	66.7% #BC3175	RGB 188 49 117	#BC3175
83.3%	83.3% #B5266C	RGB 181 38 108	#B5266C
100.0%	100.0% #AE1B64	RGB 174 27 100	#AE1B64

#DA5E99 #D25290 #CB4787 #C43C7E #BC3175 #B5266C #AE1B64

#DA5E99 - #AE1B64

HSV Blend

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

0.0%	0.0% #DA5E98	RGB 218 94 152	#DA5E98
16.7%	16.7% #D2518F	RGB 210 81 143	#D2518F
33.3%	33.3% #CB4485	RGB 203 68 133	#CB4485
50.0%	50.0% #C4397C	RGB 196 57 124	#C4397C
66.7%	66.7% #BC2E74	RGB 188 46 116	#BC2E74
83.3%	83.3% #B5246B	RGB 181 36 107	#B5246B
100.0%	100.0% #AE1B64	RGB 174 27 100	#AE1B64

#DA5E98 #D2518F #CB4485 #C4397C #BC2E74 #B5246B #AE1B64

#DA5E99 - #C4397C - #AE1B64

CSS codes

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

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