#DFD2DF - #8B849E | 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 #DFD2DF to #8B849E

#DFD2DF #8B849E

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

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

0.0%	0.0% #DFD2DF	RGB 223 210 223	#DFD2DF
16.7%	16.7% #D1C5D4	RGB 209 197 212	#D1C5D4
33.3%	33.3% #C3B8C9	RGB 195 184 201	#C3B8C9
50.0%	50.0% #B5ABBE	RGB 181 171 190	#B5ABBE
66.7%	66.7% #A79EB3	RGB 167 158 179	#A79EB3
83.3%	83.3% #9991A8	RGB 153 145 168	#9991A8
100.0%	100.0% #8B849E	RGB 139 132 158	#8B849E

#DFD2DF #D1C5D4 #C3B8C9 #B5ABBE #A79EB3 #9991A8 #8B849E

#DFD2DF - #8B849E

HSV Blend

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

0.0%	0.0% #DFD2DF	RGB 223 210 223	#DFD2DF
16.7%	16.7% #D2C4D4	RGB 210 196 212	#D2C4D4
33.3%	33.3% #C4B6C9	RGB 196 182 201	#C4B6C9
50.0%	50.0% #B6A9BE	RGB 182 169 190	#B6A9BE
66.7%	66.7% #A89CB3	RGB 168 156 179	#A89CB3
83.3%	83.3% #9990A8	RGB 153 144 168	#9990A8
100.0%	100.0% #8B849E	RGB 139 132 158	#8B849E

#DFD2DF #D2C4D4 #C4B6C9 #B6A9BE #A89CB3 #9990A8 #8B849E

#DFD2DF - #B6A9BE - #8B849E

CSS codes

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

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