#DDDFFF - #8D94F0 | 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 #DDDFFF to #8D94F0

#DDDFFF #8D94F0

Calculate the color between two colors, #DDDFFF and #8D94F0. 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)

#DDDFFF - #8D94F0 | 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 #DDDFFF as 0% and #8D94F0 as 100%.

0.0%	0.0% #DDDFFF	RGB 221 223 255	#DDDFFF
16.7%	16.7% #CFD2FC	RGB 207 210 252	#CFD2FC
33.3%	33.3% #C2C6FA	RGB 194 198 250	#C2C6FA
50.0%	50.0% #B5B9F7	RGB 181 185 247	#B5B9F7
66.7%	66.7% #A7ADF5	RGB 167 173 245	#A7ADF5
83.3%	83.3% #9AA0F2	RGB 154 160 242	#9AA0F2
100.0%	100.0% #8D94F0	RGB 141 148 240	#8D94F0

#DDDFFF #CFD2FC #C2C6FA #B5B9F7 #A7ADF5 #9AA0F2 #8D94F0

#DDDFFF - #8D94F0

HSV Blend

#DDDFFF - #8D94F0 | 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 #DDDFFF as 0% and #8D94F0 as 100%.

0.0%	0.0% #DDDFFF	RGB 221 223 255	#DDDFFF
16.7%	16.7% #CFD1FC	RGB 207 209 252	#CFD1FC
33.3%	33.3% #C1C4FA	RGB 193 196 250	#C1C4FA
50.0%	50.0% #B3B8F7	RGB 179 184 247	#B3B8F7
66.7%	66.7% #A6ABF5	RGB 166 171 245	#A6ABF5
83.3%	83.3% #999FF2	RGB 153 159 242	#999FF2
100.0%	100.0% #8D94F0	RGB 141 148 240	#8D94F0

#DDDFFF #CFD1FC #C1C4FA #B3B8F7 #A6ABF5 #999FF2 #8D94F0

#DDDFFF - #B3B8F7 - #8D94F0

CSS codes

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

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