#DFD1DC - #BA7998 | 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 #DFD1DC to #BA7998

#DFD1DC #BA7998

Calculate the color between two colors, #DFD1DC and #BA7998. 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)

#DFD1DC - #BA7998 | 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 #DFD1DC as 0% and #BA7998 as 100%.

0.0%	0.0% #DFD1DC	RGB 223 209 220	#DFD1DC
16.7%	16.7% #D8C2D0	RGB 216 194 208	#D8C2D0
33.3%	33.3% #D2B3C5	RGB 210 179 197	#D2B3C5
50.0%	50.0% #CCA5BA	RGB 204 165 186	#CCA5BA
66.7%	66.7% #C696AE	RGB 198 150 174	#C696AE
83.3%	83.3% #C087A3	RGB 192 135 163	#C087A3
100.0%	100.0% #BA7998	RGB 186 121 152	#BA7998

#DFD1DC #D8C2D0 #D2B3C5 #CCA5BA #C696AE #C087A3 #BA7998

#DFD1DC - #BA7998

HSV Blend

#DFD1DC - #BA7998 | 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 #DFD1DC as 0% and #BA7998 as 100%.

0.0%	0.0% #DFD1DC	RGB 223 209 220	#DFD1DC
16.7%	16.7% #D8C0D2	RGB 216 192 210	#D8C0D2
33.3%	33.3% #D2B1C8	RGB 210 177 200	#D2B1C8
50.0%	50.0% #CCA2BC	RGB 204 162 188	#CCA2BC
66.7%	66.7% #C693B1	RGB 198 147 177	#C693B1
83.3%	83.3% #C086A4	RGB 192 134 164	#C086A4
100.0%	100.0% #BA7998	RGB 186 121 152	#BA7998

#DFD1DC #D8C0D2 #D2B1C8 #CCA2BC #C693B1 #C086A4 #BA7998

#DFD1DC - #CCA2BC - #BA7998

CSS codes

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

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