#DDDCDF - #7975AF | 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 #7975AF

#DDDCDF #7975AF

Calculate the color between two colors, #DDDCDF and #7975AF. 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 - #7975AF | 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 #7975AF as 100%.

0.0%	0.0% #DDDCDF	RGB 221 220 223	#DDDCDF
16.7%	16.7% #CCCAD7	RGB 204 202 215	#CCCAD7
33.3%	33.3% #BBB9CF	RGB 187 185 207	#BBB9CF
50.0%	50.0% #ABA8C7	RGB 171 168 199	#ABA8C7
66.7%	66.7% #9A97BF	RGB 154 151 191	#9A97BF
83.3%	83.3% #8986B7	RGB 137 134 183	#8986B7
100.0%	100.0% #7975AF	RGB 121 117 175	#7975AF

#DDDCDF #CCCAD7 #BBB9CF #ABA8C7 #9A97BF #8986B7 #7975AF

#DDDCDF - #7975AF

HSV Blend

#DDDCDF - #7975AF | 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 #7975AF as 100%.

0.0%	0.0% #DDDCDF	RGB 221 220 223	#DDDCDF
16.7%	16.7% #CCC8D7	RGB 204 200 215	#CCC8D7
33.3%	33.3% #BCB6CF	RGB 188 182 207	#BCB6CF
50.0%	50.0% #ABA4C7	RGB 171 164 199	#ABA4C7
66.7%	66.7% #9A93BF	RGB 154 147 191	#9A93BF
83.3%	83.3% #8984B7	RGB 137 132 183	#8984B7
100.0%	100.0% #7975AF	RGB 121 117 175	#7975AF

#DDDCDF #CCC8D7 #BCB6CF #ABA4C7 #9A93BF #8984B7 #7975AF

#DDDCDF - #ABA4C7 - #7975AF

CSS codes

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

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