#DFBECD - #AD6A8D | 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 #DFBECD to #AD6A8D

#DFBECD #AD6A8D

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

#DFBECD - #AD6A8D | 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 #DFBECD as 0% and #AD6A8D as 100%.

0.0%	0.0% #DFBECD	RGB 223 190 205	#DFBECD
16.7%	16.7% #D6B0C2	RGB 214 176 194	#D6B0C2
33.3%	33.3% #CEA2B7	RGB 206 162 183	#CEA2B7
50.0%	50.0% #C694AD	RGB 198 148 173	#C694AD
66.7%	66.7% #BD86A2	RGB 189 134 162	#BD86A2
83.3%	83.3% #B57897	RGB 181 120 151	#B57897
100.0%	100.0% #AD6A8D	RGB 173 106 141	#AD6A8D

#DFBECD #D6B0C2 #CEA2B7 #C694AD #BD86A2 #B57897 #AD6A8D

#DFBECD - #AD6A8D

HSV Blend

#DFBECD - #AD6A8D | 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 #DFBECD as 0% and #AD6A8D as 100%.

0.0%	0.0% #DFBECD	RGB 223 190 205	#DFBECD
16.7%	16.7% #D6AEC1	RGB 214 174 193	#D6AEC1
33.3%	33.3% #CE9FB5	RGB 206 159 181	#CE9FB5
50.0%	50.0% #C691AA	RGB 198 145 170	#C691AA
66.7%	66.7% #BD83A0	RGB 189 131 160	#BD83A0
83.3%	83.3% #B57696	RGB 181 118 150	#B57696
100.0%	100.0% #AD6A8D	RGB 173 106 141	#AD6A8D

#DFBECD #D6AEC1 #CE9FB5 #C691AA #BD83A0 #B57696 #AD6A8D

#DFBECD - #C691AA - #AD6A8D

CSS codes

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

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