#DAA3C7 - #AD3D7C | 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 #DAA3C7 to #AD3D7C

#DAA3C7 #AD3D7C

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

#DAA3C7 - #AD3D7C | 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 #DAA3C7 as 0% and #AD3D7C as 100%.

0.0%	0.0% #DAA3C7	RGB 218 163 199	#DAA3C7
16.7%	16.7% #D292BA	RGB 210 146 186	#D292BA
33.3%	33.3% #CB81AE	RGB 203 129 174	#CB81AE
50.0%	50.0% #C370A1	RGB 195 112 161	#C370A1
66.7%	66.7% #BC5F95	RGB 188 95 149	#BC5F95
83.3%	83.3% #B44E88	RGB 180 78 136	#B44E88
100.0%	100.0% #AD3D7C	RGB 173 61 124	#AD3D7C

#DAA3C7 #D292BA #CB81AE #C370A1 #BC5F95 #B44E88 #AD3D7C

#DAA3C7 - #AD3D7C

HSV Blend

#DAA3C7 - #AD3D7C | 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 #DAA3C7 as 0% and #AD3D7C as 100%.

0.0%	0.0% #DAA3C7	RGB 218 163 199	#DAA3C7
16.7%	16.7% #D28FBA	RGB 210 143 186	#D28FBA
33.3%	33.3% #CB7DAD	RGB 203 125 173	#CB7DAD
50.0%	50.0% #C36BA1	RGB 195 107 161	#C36BA1
66.7%	66.7% #BC5B94	RGB 188 91 148	#BC5B94
83.3%	83.3% #B44B88	RGB 180 75 136	#B44B88
100.0%	100.0% #AD3D7C	RGB 173 61 124	#AD3D7C

#DAA3C7 #D28FBA #CB7DAD #C36BA1 #BC5B94 #B44B88 #AD3D7C

#DAA3C7 - #C36BA1 - #AD3D7C

CSS codes

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

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