#DAA2DB - #AB4DB6 | 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 #DAA2DB to #AB4DB6

#DAA2DB #AB4DB6

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

#DAA2DB - #AB4DB6 | 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 #DAA2DB as 0% and #AB4DB6 as 100%.

0.0%	0.0% #DAA2DB	RGB 218 162 219	#DAA2DB
16.7%	16.7% #D293D4	RGB 210 147 212	#D293D4
33.3%	33.3% #CA85CE	RGB 202 133 206	#CA85CE
50.0%	50.0% #C277C8	RGB 194 119 200	#C277C8
66.7%	66.7% #BA69C2	RGB 186 105 194	#BA69C2
83.3%	83.3% #B25BBC	RGB 178 91 188	#B25BBC
100.0%	100.0% #AB4DB6	RGB 171 77 182	#AB4DB6

#DAA2DB #D293D4 #CA85CE #C277C8 #BA69C2 #B25BBC #AB4DB6

#DAA2DB - #AB4DB6

HSV Blend

#DAA2DB - #AB4DB6 | 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 #DAA2DB as 0% and #AB4DB6 as 100%.

0.0%	0.0% #DAA2DB	RGB 218 162 219	#DAA2DB
16.7%	16.7% #D292D4	RGB 210 146 212	#D292D4
33.3%	33.3% #CB83CE	RGB 203 131 206	#CB83CE
50.0%	50.0% #C374C8	RGB 195 116 200	#C374C8
66.7%	66.7% #BB66C2	RGB 187 102 194	#BB66C2
83.3%	83.3% #B359BC	RGB 179 89 188	#B359BC
100.0%	100.0% #AB4DB6	RGB 171 77 182	#AB4DB6

#DAA2DB #D292D4 #CB83CE #C374C8 #BB66C2 #B359BC #AB4DB6

#DAA2DB - #C374C8 - #AB4DB6

CSS codes

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

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