#DAABE2 - #AA47B5 | 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 #DAABE2 to #AA47B5

#DAABE2 #AA47B5

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

#DAABE2 - #AA47B5 | 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 #DAABE2 as 0% and #AA47B5 as 100%.

0.0%	0.0% #DAABE2	RGB 218 171 226	#DAABE2
16.7%	16.7% #D29ADA	RGB 210 154 218	#D29ADA
33.3%	33.3% #CA89D3	RGB 202 137 211	#CA89D3
50.0%	50.0% #C279CB	RGB 194 121 203	#C279CB
66.7%	66.7% #BA68C4	RGB 186 104 196	#BA68C4
83.3%	83.3% #B257BC	RGB 178 87 188	#B257BC
100.0%	100.0% #AA47B5	RGB 170 71 181	#AA47B5

#DAABE2 #D29ADA #CA89D3 #C279CB #BA68C4 #B257BC #AA47B5

#DAABE2 - #AA47B5

HSV Blend

#DAABE2 - #AA47B5 | 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 #DAABE2 as 0% and #AA47B5 as 100%.

0.0%	0.0% #DAABE2	RGB 218 171 226	#DAABE2
16.7%	16.7% #D198DA	RGB 209 152 218	#D198DA
33.3%	33.3% #C886D3	RGB 200 134 211	#C886D3
50.0%	50.0% #C074CB	RGB 192 116 203	#C074CB
66.7%	66.7% #B964C4	RGB 185 100 196	#B964C4
83.3%	83.3% #B155BC	RGB 177 85 188	#B155BC
100.0%	100.0% #AA47B5	RGB 170 71 181	#AA47B5

#DAABE2 #D198DA #C886D3 #C074CB #B964C4 #B155BC #AA47B5

#DAABE2 - #C074CB - #AA47B5

CSS codes

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

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