#DFDAEC - #A57ABD | 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 #DFDAEC to #A57ABD

#DFDAEC #A57ABD

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

#DFDAEC - #A57ABD | 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 #DFDAEC as 0% and #A57ABD as 100%.

0.0%	0.0% #DFDAEC	RGB 223 218 236	#DFDAEC
16.7%	16.7% #D5CAE4	RGB 213 202 228	#D5CAE4
33.3%	33.3% #CBBADC	RGB 203 186 220	#CBBADC
50.0%	50.0% #C2AAD4	RGB 194 170 212	#C2AAD4
66.7%	66.7% #B89ACC	RGB 184 154 204	#B89ACC
83.3%	83.3% #AE8AC4	RGB 174 138 196	#AE8AC4
100.0%	100.0% #A57ABD	RGB 165 122 189	#A57ABD

#DFDAEC #D5CAE4 #CBBADC #C2AAD4 #B89ACC #AE8AC4 #A57ABD

#DFDAEC - #A57ABD

HSV Blend

#DFDAEC - #A57ABD | 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 #DFDAEC as 0% and #A57ABD as 100%.

0.0%	0.0% #DFDAEC	RGB 223 218 236	#DFDAEC
16.7%	16.7% #D1C8E4	RGB 209 200 228	#D1C8E4
33.3%	33.3% #C5B7DC	RGB 197 183 220	#C5B7DC
50.0%	50.0% #BBA6D4	RGB 187 166 212	#BBA6D4
66.7%	66.7% #B297CC	RGB 178 151 204	#B297CC
83.3%	83.3% #AB88C4	RGB 171 136 196	#AB88C4
100.0%	100.0% #A57ABD	RGB 165 122 189	#A57ABD

#DFDAEC #D1C8E4 #C5B7DC #BBA6D4 #B297CC #AB88C4 #A57ABD

#DFDAEC - #BBA6D4 - #A57ABD

CSS codes

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

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