#DDBCDF - #88619E | 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 #DDBCDF to #88619E

#DDBCDF #88619E

Calculate the color between two colors, #DDBCDF and #88619E. 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)

#DDBCDF - #88619E | 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 #DDBCDF as 0% and #88619E as 100%.

0.0%	0.0% #DDBCDF	RGB 221 188 223	#DDBCDF
16.7%	16.7% #CEACD4	RGB 206 172 212	#CEACD4
33.3%	33.3% #C09DC9	RGB 192 157 201	#C09DC9
50.0%	50.0% #B28EBE	RGB 178 142 190	#B28EBE
66.7%	66.7% #A47FB3	RGB 164 127 179	#A47FB3
83.3%	83.3% #9670A8	RGB 150 112 168	#9670A8
100.0%	100.0% #88619E	RGB 136 97 158	#88619E

#DDBCDF #CEACD4 #C09DC9 #B28EBE #A47FB3 #9670A8 #88619E

#DDBCDF - #88619E

HSV Blend

#DDBCDF - #88619E | 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 #DDBCDF as 0% and #88619E as 100%.

0.0%	0.0% #DDBCDF	RGB 221 188 223	#DDBCDF
16.7%	16.7% #CFAAD4	RGB 207 170 212	#CFAAD4
33.3%	33.3% #C19AC9	RGB 193 154 201	#C19AC9
50.0%	50.0% #B38ABE	RGB 179 138 190	#B38ABE
66.7%	66.7% #A57CB3	RGB 165 124 179	#A57CB3
83.3%	83.3% #966EA8	RGB 150 110 168	#966EA8
100.0%	100.0% #88619E	RGB 136 97 158	#88619E

#DDBCDF #CFAAD4 #C19AC9 #B38ABE #A57CB3 #966EA8 #88619E

#DDBCDF - #B38ABE - #88619E

CSS codes

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

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