#DBBAE7 - #AA55AB | 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 #DBBAE7 to #AA55AB

#DBBAE7 #AA55AB

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

#DBBAE7 - #AA55AB | 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 #DBBAE7 as 0% and #AA55AB as 100%.

0.0%	0.0% #DBBAE7	RGB 219 186 231	#DBBAE7
16.7%	16.7% #D2A9DD	RGB 210 169 221	#D2A9DD
33.3%	33.3% #CA98D3	RGB 202 152 211	#CA98D3
50.0%	50.0% #C287C9	RGB 194 135 201	#C287C9
66.7%	66.7% #BA76BF	RGB 186 118 191	#BA76BF
83.3%	83.3% #B265B5	RGB 178 101 181	#B265B5
100.0%	100.0% #AA55AB	RGB 170 85 171	#AA55AB

#DBBAE7 #D2A9DD #CA98D3 #C287C9 #BA76BF #B265B5 #AA55AB

#DBBAE7 - #AA55AB

HSV Blend

#DBBAE7 - #AA55AB | 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 #DBBAE7 as 0% and #AA55AB as 100%.

0.0%	0.0% #DBBAE7	RGB 219 186 231	#DBBAE7
16.7%	16.7% #D0A6DD	RGB 208 166 221	#D0A6DD
33.3%	33.3% #C794D3	RGB 199 148 211	#C794D3
50.0%	50.0% #BF82C9	RGB 191 130 201	#BF82C9
66.7%	66.7% #B772BF	RGB 183 114 191	#B772BF
83.3%	83.3% #B063B5	RGB 176 99 181	#B063B5
100.0%	100.0% #AA55AB	RGB 170 85 171	#AA55AB

#DBBAE7 #D0A6DD #C794D3 #BF82C9 #B772BF #B063B5 #AA55AB

#DBBAE7 - #BF82C9 - #AA55AB

CSS codes

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

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