#DDDCDF - #9475AF | 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 #DDDCDF to #9475AF

#DDDCDF #9475AF

Calculate the color between two colors, #DDDCDF and #9475AF. 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)

#DDDCDF - #9475AF | 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 #DDDCDF as 0% and #9475AF as 100%.

0.0%	0.0% #DDDCDF	RGB 221 220 223	#DDDCDF
16.7%	16.7% #D0CAD7	RGB 208 202 215	#D0CAD7
33.3%	33.3% #C4B9CF	RGB 196 185 207	#C4B9CF
50.0%	50.0% #B8A8C7	RGB 184 168 199	#B8A8C7
66.7%	66.7% #AC97BF	RGB 172 151 191	#AC97BF
83.3%	83.3% #A086B7	RGB 160 134 183	#A086B7
100.0%	100.0% #9475AF	RGB 148 117 175	#9475AF

#DDDCDF #D0CAD7 #C4B9CF #B8A8C7 #AC97BF #A086B7 #9475AF

#DDDCDF - #9475AF

HSV Blend

#DDDCDF - #9475AF | 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 #DDDCDF as 0% and #9475AF as 100%.

0.0%	0.0% #DDDCDF	RGB 221 220 223	#DDDCDF
16.7%	16.7% #CDC8D7	RGB 205 200 215	#CDC8D7
33.3%	33.3% #C0B6CF	RGB 192 182 207	#C0B6CF
50.0%	50.0% #B3A4C7	RGB 179 164 199	#B3A4C7
66.7%	66.7% #A893BF	RGB 168 147 191	#A893BF
83.3%	83.3% #9D84B7	RGB 157 132 183	#9D84B7
100.0%	100.0% #9475AF	RGB 148 117 175	#9475AF

#DDDCDF #CDC8D7 #C0B6CF #B3A4C7 #A893BF #9D84B7 #9475AF

#DDDCDF - #B3A4C7 - #9475AF

CSS codes

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

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