#DDACE6 - #B9C9FF | 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 #DDACE6 to #B9C9FF

#DDACE6 #B9C9FF

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

#DDACE6 - #B9C9FF | 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 #DDACE6 as 0% and #B9C9FF as 100%.

0.0%	0.0% #DDACE6	RGB 221 172 230	#DDACE6
16.7%	16.7% #D7B0EA	RGB 215 176 234	#D7B0EA
33.3%	33.3% #D1B5EE	RGB 209 181 238	#D1B5EE
50.0%	50.0% #CBBAF2	RGB 203 186 242	#CBBAF2
66.7%	66.7% #C5BFF6	RGB 197 191 246	#C5BFF6
83.3%	83.3% #BFC4FA	RGB 191 196 250	#BFC4FA
100.0%	100.0% #B9C9FF	RGB 185 201 255	#B9C9FF

#DDACE6 #D7B0EA #D1B5EE #CBBAF2 #C5BFF6 #BFC4FA #B9C9FF

#DDACE6 - #B9C9FF

HSV Blend

#DDACE6 - #B9C9FF | 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 #DDACE6 as 0% and #B9C9FF as 100%.

0.0%	0.0% #DDACE6	RGB 221 172 230	#DDACE6
16.7%	16.7% #D6AEEA	RGB 214 174 234	#D6AEEA
33.3%	33.3% #CEB0EE	RGB 206 176 238	#CEB0EE
50.0%	50.0% #C6B2F2	RGB 198 178 242	#C6B2F2
66.7%	66.7% #BDB4F6	RGB 189 180 246	#BDB4F6
83.3%	83.3% #B6BAFA	RGB 182 186 250	#B6BAFA
100.0%	100.0% #B9C9FF	RGB 185 201 255	#B9C9FF

#DDACE6 #D6AEEA #CEB0EE #C6B2F2 #BDB4F6 #B6BAFA #B9C9FF

#DDACE6 - #C6B2F2 - #B9C9FF

CSS codes

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

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