#DFDDF1 - #9D85B9 | 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 #DFDDF1 to #9D85B9

#DFDDF1 #9D85B9

Calculate the color between two colors, #DFDDF1 and #9D85B9. 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)

#DFDDF1 - #9D85B9 | 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 #DFDDF1 as 0% and #9D85B9 as 100%.

0.0%	0.0% #DFDDF1	RGB 223 221 241	#DFDDF1
16.7%	16.7% #D4CEE7	RGB 212 206 231	#D4CEE7
33.3%	33.3% #C9BFDE	RGB 201 191 222	#C9BFDE
50.0%	50.0% #BEB1D5	RGB 190 177 213	#BEB1D5
66.7%	66.7% #B3A2CB	RGB 179 162 203	#B3A2CB
83.3%	83.3% #A893C2	RGB 168 147 194	#A893C2
100.0%	100.0% #9D85B9	RGB 157 133 185	#9D85B9

#DFDDF1 #D4CEE7 #C9BFDE #BEB1D5 #B3A2CB #A893C2 #9D85B9

#DFDDF1 - #9D85B9

HSV Blend

#DFDDF1 - #9D85B9 | 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 #DFDDF1 as 0% and #9D85B9 as 100%.

0.0%	0.0% #DFDDF1	RGB 223 221 241	#DFDDF1
16.7%	16.7% #D1CCE7	RGB 209 204 231	#D1CCE7
33.3%	33.3% #C4BDDE	RGB 196 189 222	#C4BDDE
50.0%	50.0% #B9AED5	RGB 185 174 213	#B9AED5
66.7%	66.7% #AE9FCB	RGB 174 159 203	#AE9FCB
83.3%	83.3% #A592C2	RGB 165 146 194	#A592C2
100.0%	100.0% #9D85B9	RGB 157 133 185	#9D85B9

#DFDDF1 #D1CCE7 #C4BDDE #B9AED5 #AE9FCB #A592C2 #9D85B9

#DFDDF1 - #B9AED5 - #9D85B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFDDF1 0%, #B9AED5 50%, #9D85B9 100%);
    background: -webkit-linear-gradient(top, #DFDDF1 0%, #B9AED5 50%, #9D85B9 100%);
    background: linear-gradient(to bottom, #DFDDF1 0%, #B9AED5 50%, #9D85B9 100%);
}
</style>