#DDE2FF - #A08AD7 | 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 #DDE2FF to #A08AD7

#DDE2FF #A08AD7

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

#DDE2FF - #A08AD7 | 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 #DDE2FF as 0% and #A08AD7 as 100%.

0.0%	0.0% #DDE2FF	RGB 221 226 255	#DDE2FF
16.7%	16.7% #D2D3F8	RGB 210 211 248	#D2D3F8
33.3%	33.3% #C8C4F1	RGB 200 196 241	#C8C4F1
50.0%	50.0% #BEB6EB	RGB 190 182 235	#BEB6EB
66.7%	66.7% #B4A7E4	RGB 180 167 228	#B4A7E4
83.3%	83.3% #AA98DD	RGB 170 152 221	#AA98DD
100.0%	100.0% #A08AD7	RGB 160 138 215	#A08AD7

#DDE2FF #D2D3F8 #C8C4F1 #BEB6EB #B4A7E4 #AA98DD #A08AD7

#DDE2FF - #A08AD7

HSV Blend

#DDE2FF - #A08AD7 | 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 #DDE2FF as 0% and #A08AD7 as 100%.

0.0%	0.0% #DDE2FF	RGB 221 226 255	#DDE2FF
16.7%	16.7% #CDD1F8	RGB 205 209 248	#CDD1F8
33.3%	33.3% #BFBFF1	RGB 191 191 241	#BFBFF1
50.0%	50.0% #B5B1EB	RGB 181 177 235	#B5B1EB
66.7%	66.7% #ACA3E4	RGB 172 163 228	#ACA3E4
83.3%	83.3% #A596DD	RGB 165 150 221	#A596DD
100.0%	100.0% #A08AD7	RGB 160 138 215	#A08AD7

#DDE2FF #CDD1F8 #BFBFF1 #B5B1EB #ACA3E4 #A596DD #A08AD7

#DDE2FF - #B5B1EB - #A08AD7

CSS codes

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

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