#DFD2E2 - #8F81A3 | 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 #DFD2E2 to #8F81A3

#DFD2E2 #8F81A3

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

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

0.0%	0.0% #DFD2E2	RGB 223 210 226	#DFD2E2
16.7%	16.7% #D1C4D7	RGB 209 196 215	#D1C4D7
33.3%	33.3% #C4B7CD	RGB 196 183 205	#C4B7CD
50.0%	50.0% #B7A9C2	RGB 183 169 194	#B7A9C2
66.7%	66.7% #A99CB8	RGB 169 156 184	#A99CB8
83.3%	83.3% #9C8EAD	RGB 156 142 173	#9C8EAD
100.0%	100.0% #8F81A3	RGB 143 129 163	#8F81A3

#DFD2E2 #D1C4D7 #C4B7CD #B7A9C2 #A99CB8 #9C8EAD #8F81A3

#DFD2E2 - #8F81A3

HSV Blend

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

0.0%	0.0% #DFD2E2	RGB 223 210 226	#DFD2E2
16.7%	16.7% #D2C3D7	RGB 210 195 215	#D2C3D7
33.3%	33.3% #C5B5CD	RGB 197 181 205	#C5B5CD
50.0%	50.0% #B7A7C2	RGB 183 167 194	#B7A7C2
66.7%	66.7% #AA9AB8	RGB 170 154 184	#AA9AB8
83.3%	83.3% #9C8DAD	RGB 156 141 173	#9C8DAD
100.0%	100.0% #8F81A3	RGB 143 129 163	#8F81A3

#DFD2E2 #D2C3D7 #C5B5CD #B7A7C2 #AA9AB8 #9C8DAD #8F81A3

#DFD2E2 - #B7A7C2 - #8F81A3

CSS codes

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

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