#DDD5DF - #8D869F | 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 #DDD5DF to #8D869F

#DDD5DF #8D869F

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

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

0.0%	0.0% #DDD5DF	RGB 221 213 223	#DDD5DF
16.7%	16.7% #CFC7D4	RGB 207 199 212	#CFC7D4
33.3%	33.3% #C2BAC9	RGB 194 186 201	#C2BAC9
50.0%	50.0% #B5ADBF	RGB 181 173 191	#B5ADBF
66.7%	66.7% #A7A0B4	RGB 167 160 180	#A7A0B4
83.3%	83.3% #9A93A9	RGB 154 147 169	#9A93A9
100.0%	100.0% #8D869F	RGB 141 134 159	#8D869F

#DDD5DF #CFC7D4 #C2BAC9 #B5ADBF #A7A0B4 #9A93A9 #8D869F

#DDD5DF - #8D869F

HSV Blend

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

0.0%	0.0% #DDD5DF	RGB 221 213 223	#DDD5DF
16.7%	16.7% #D0C6D4	RGB 208 198 212	#D0C6D4
33.3%	33.3% #C3B9C9	RGB 195 185 201	#C3B9C9
50.0%	50.0% #B6ABBF	RGB 182 171 191	#B6ABBF
66.7%	66.7% #A89EB4	RGB 168 158 180	#A89EB4
83.3%	83.3% #9A92A9	RGB 154 146 169	#9A92A9
100.0%	100.0% #8D869F	RGB 141 134 159	#8D869F

#DDD5DF #D0C6D4 #C3B9C9 #B6ABBF #A89EB4 #9A92A9 #8D869F

#DDD5DF - #B6ABBF - #8D869F

CSS codes

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

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