#DDDAEB - #9982B0 | 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 #DDDAEB to #9982B0

#DDDAEB #9982B0

Calculate the color between two colors, #DDDAEB and #9982B0. 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)

#DDDAEB - #9982B0 | 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 #DDDAEB as 0% and #9982B0 as 100%.

0.0%	0.0% #DDDAEB	RGB 221 218 235	#DDDAEB
16.7%	16.7% #D1CBE1	RGB 209 203 225	#D1CBE1
33.3%	33.3% #C6BCD7	RGB 198 188 215	#C6BCD7
50.0%	50.0% #BBAECD	RGB 187 174 205	#BBAECD
66.7%	66.7% #AF9FC3	RGB 175 159 195	#AF9FC3
83.3%	83.3% #A490B9	RGB 164 144 185	#A490B9
100.0%	100.0% #9982B0	RGB 153 130 176	#9982B0

#DDDAEB #D1CBE1 #C6BCD7 #BBAECD #AF9FC3 #A490B9 #9982B0

#DDDAEB - #9982B0

HSV Blend

#DDDAEB - #9982B0 | 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 #DDDAEB as 0% and #9982B0 as 100%.

0.0%	0.0% #DDDAEB	RGB 221 218 235	#DDDAEB
16.7%	16.7% #CFC9E1	RGB 207 201 225	#CFC9E1
33.3%	33.3% #C2BAD7	RGB 194 186 215	#C2BAD7
50.0%	50.0% #B6ABCD	RGB 182 171 205	#B6ABCD
66.7%	66.7% #AC9CC3	RGB 172 156 195	#AC9CC3
83.3%	83.3% #A28FB9	RGB 162 143 185	#A28FB9
100.0%	100.0% #9982B0	RGB 153 130 176	#9982B0

#DDDAEB #CFC9E1 #C2BAD7 #B6ABCD #AC9CC3 #A28FB9 #9982B0

#DDDAEB - #B6ABCD - #9982B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDDAEB 0%, #B6ABCD 50%, #9982B0 100%);
    background: -webkit-linear-gradient(top, #DDDAEB 0%, #B6ABCD 50%, #9982B0 100%);
    background: linear-gradient(to bottom, #DDDAEB 0%, #B6ABCD 50%, #9982B0 100%);
}
</style>