#DAC4D6 - #AF6B9C | 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 #DAC4D6 to #AF6B9C

#DAC4D6 #AF6B9C

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

#DAC4D6 - #AF6B9C | 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 #DAC4D6 as 0% and #AF6B9C as 100%.

0.0%	0.0% #DAC4D6	RGB 218 196 214	#DAC4D6
16.7%	16.7% #D2B5CC	RGB 210 181 204	#D2B5CC
33.3%	33.3% #CBA6C2	RGB 203 166 194	#CBA6C2
50.0%	50.0% #C497B9	RGB 196 151 185	#C497B9
66.7%	66.7% #BD88AF	RGB 189 136 175	#BD88AF
83.3%	83.3% #B679A5	RGB 182 121 165	#B679A5
100.0%	100.0% #AF6B9C	RGB 175 107 156	#AF6B9C

#DAC4D6 #D2B5CC #CBA6C2 #C497B9 #BD88AF #B679A5 #AF6B9C

#DAC4D6 - #AF6B9C

HSV Blend

#DAC4D6 - #AF6B9C | 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 #DAC4D6 as 0% and #AF6B9C as 100%.

0.0%	0.0% #DAC4D6	RGB 218 196 214	#DAC4D6
16.7%	16.7% #D2B3CC	RGB 210 179 204	#D2B3CC
33.3%	33.3% #CBA3C3	RGB 203 163 195	#CBA3C3
50.0%	50.0% #C494B9	RGB 196 148 185	#C494B9
66.7%	66.7% #BD85AF	RGB 189 133 175	#BD85AF
83.3%	83.3% #B678A5	RGB 182 120 165	#B678A5
100.0%	100.0% #AF6B9C	RGB 175 107 156	#AF6B9C

#DAC4D6 #D2B3CC #CBA3C3 #C494B9 #BD85AF #B678A5 #AF6B9C

#DAC4D6 - #C494B9 - #AF6B9C

CSS codes

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

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