#DFDCE3 - #988BA4 | 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 #DFDCE3 to #988BA4

#DFDCE3 #988BA4

Calculate the color between two colors, #DFDCE3 and #988BA4. 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)

#DFDCE3 - #988BA4 | 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 #DFDCE3 as 0% and #988BA4 as 100%.

0.0%	0.0% #DFDCE3	RGB 223 220 227	#DFDCE3
16.7%	16.7% #D3CED8	RGB 211 206 216	#D3CED8
33.3%	33.3% #C7C1CE	RGB 199 193 206	#C7C1CE
50.0%	50.0% #BBB3C3	RGB 187 179 195	#BBB3C3
66.7%	66.7% #AFA6B9	RGB 175 166 185	#AFA6B9
83.3%	83.3% #A398AE	RGB 163 152 174	#A398AE
100.0%	100.0% #988BA4	RGB 152 139 164	#988BA4

#DFDCE3 #D3CED8 #C7C1CE #BBB3C3 #AFA6B9 #A398AE #988BA4

#DFDCE3 - #988BA4

HSV Blend

#DFDCE3 - #988BA4 | 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 #DFDCE3 as 0% and #988BA4 as 100%.

0.0%	0.0% #DFDCE3	RGB 223 220 227	#DFDCE3
16.7%	16.7% #D2CDD8	RGB 210 205 216	#D2CDD8
33.3%	33.3% #C6BFCE	RGB 198 191 206	#C6BFCE
50.0%	50.0% #BAB1C3	RGB 186 177 195	#BAB1C3
66.7%	66.7% #AEA4B9	RGB 174 164 185	#AEA4B9
83.3%	83.3% #A397AE	RGB 163 151 174	#A397AE
100.0%	100.0% #988BA4	RGB 152 139 164	#988BA4

#DFDCE3 #D2CDD8 #C6BFCE #BAB1C3 #AEA4B9 #A397AE #988BA4

#DFDCE3 - #BAB1C3 - #988BA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFDCE3 0%, #BAB1C3 50%, #988BA4 100%);
    background: -webkit-linear-gradient(top, #DFDCE3 0%, #BAB1C3 50%, #988BA4 100%);
    background: linear-gradient(to bottom, #DFDCE3 0%, #BAB1C3 50%, #988BA4 100%);
}
</style>