#DFDFE5 - #9F83B3 | 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 #DFDFE5 to #9F83B3

#DFDFE5 #9F83B3

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

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

0.0%	0.0% #DFDFE5	RGB 223 223 229	#DFDFE5
16.7%	16.7% #D4CFDC	RGB 212 207 220	#D4CFDC
33.3%	33.3% #C9C0D4	RGB 201 192 212	#C9C0D4
50.0%	50.0% #BFB1CC	RGB 191 177 204	#BFB1CC
66.7%	66.7% #B4A1C3	RGB 180 161 195	#B4A1C3
83.3%	83.3% #A992BB	RGB 169 146 187	#A992BB
100.0%	100.0% #9F83B3	RGB 159 131 179	#9F83B3

#DFDFE5 #D4CFDC #C9C0D4 #BFB1CC #B4A1C3 #A992BB #9F83B3

#DFDFE5 - #9F83B3

HSV Blend

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

0.0%	0.0% #DFDFE5	RGB 223 223 229	#DFDFE5
16.7%	16.7% #CFCDDC	RGB 207 205 220	#CFCDDC
33.3%	33.3% #C2BDD4	RGB 194 189 212	#C2BDD4
50.0%	50.0% #B6ADCC	RGB 182 173 204	#B6ADCC
66.7%	66.7% #AD9EC3	RGB 173 158 195	#AD9EC3
83.3%	83.3% #A590BB	RGB 165 144 187	#A590BB
100.0%	100.0% #9F83B3	RGB 159 131 179	#9F83B3

#DFDFE5 #CFCDDC #C2BDD4 #B6ADCC #AD9EC3 #A590BB #9F83B3

#DFDFE5 - #B6ADCC - #9F83B3

CSS codes

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

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