#DDDFFB - #7E98CD | 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 #DDDFFB to #7E98CD

#DDDFFB #7E98CD

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

#DDDFFB - #7E98CD | 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 #DDDFFB as 0% and #7E98CD as 100%.

0.0%	0.0% #DDDFFB	RGB 221 223 251	#DDDFFB
16.7%	16.7% #CDD3F3	RGB 205 211 243	#CDD3F3
33.3%	33.3% #BDC7EB	RGB 189 199 235	#BDC7EB
50.0%	50.0% #ADBBE4	RGB 173 187 228	#ADBBE4
66.7%	66.7% #9DAFDC	RGB 157 175 220	#9DAFDC
83.3%	83.3% #8DA3D4	RGB 141 163 212	#8DA3D4
100.0%	100.0% #7E98CD	RGB 126 152 205	#7E98CD

#DDDFFB #CDD3F3 #BDC7EB #ADBBE4 #9DAFDC #8DA3D4 #7E98CD

#DDDFFB - #7E98CD

HSV Blend

#DDDFFB - #7E98CD | 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 #DDDFFB as 0% and #7E98CD as 100%.

0.0%	0.0% #DDDFFB	RGB 221 223 251	#DDDFFB
16.7%	16.7% #CBCFF3	RGB 203 207 243	#CBCFF3
33.3%	33.3% #BAC2EB	RGB 186 194 235	#BAC2EB
50.0%	50.0% #AAB5E4	RGB 170 181 228	#AAB5E4
66.7%	66.7% #9AAADC	RGB 154 170 220	#9AAADC
83.3%	83.3% #8CA0D4	RGB 140 160 212	#8CA0D4
100.0%	100.0% #7E98CD	RGB 126 152 205	#7E98CD

#DDDFFB #CBCFF3 #BAC2EB #AAB5E4 #9AAADC #8CA0D4 #7E98CD

#DDDFFB - #AAB5E4 - #7E98CD

CSS codes

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

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