#DFCFDA - #AD698A | 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 #DFCFDA to #AD698A

#DFCFDA #AD698A

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

#DFCFDA - #AD698A | 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 #DFCFDA as 0% and #AD698A as 100%.

0.0%	0.0% #DFCFDA	RGB 223 207 218	#DFCFDA
16.7%	16.7% #D6BECC	RGB 214 190 204	#D6BECC
33.3%	33.3% #CEADBF	RGB 206 173 191	#CEADBF
50.0%	50.0% #C69CB2	RGB 198 156 178	#C69CB2
66.7%	66.7% #BD8BA4	RGB 189 139 164	#BD8BA4
83.3%	83.3% #B57A97	RGB 181 122 151	#B57A97
100.0%	100.0% #AD698A	RGB 173 105 138	#AD698A

#DFCFDA #D6BECC #CEADBF #C69CB2 #BD8BA4 #B57A97 #AD698A

#DFCFDA - #AD698A

HSV Blend

#DFCFDA - #AD698A | 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 #DFCFDA as 0% and #AD698A as 100%.

0.0%	0.0% #DFCFDA	RGB 223 207 218	#DFCFDA
16.7%	16.7% #D6BBCD	RGB 214 187 205	#D6BBCD
33.3%	33.3% #CEA9C0	RGB 206 169 192	#CEA9C0
50.0%	50.0% #C697B2	RGB 198 151 178	#C697B2
66.7%	66.7% #BD87A5	RGB 189 135 165	#BD87A5
83.3%	83.3% #B57797	RGB 181 119 151	#B57797
100.0%	100.0% #AD698A	RGB 173 105 138	#AD698A

#DFCFDA #D6BBCD #CEA9C0 #C697B2 #BD87A5 #B57797 #AD698A

#DFCFDA - #C697B2 - #AD698A

CSS codes

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

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