#DAA3C0 - #AB4174 | 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 #DAA3C0 to #AB4174

#DAA3C0 #AB4174

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

#DAA3C0 - #AB4174 | 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 #DAA3C0 as 0% and #AB4174 as 100%.

0.0%	0.0% #DAA3C0	RGB 218 163 192	#DAA3C0
16.7%	16.7% #D292B3	RGB 210 146 179	#D292B3
33.3%	33.3% #CA82A6	RGB 202 130 166	#CA82A6
50.0%	50.0% #C2729A	RGB 194 114 154	#C2729A
66.7%	66.7% #BA618D	RGB 186 97 141	#BA618D
83.3%	83.3% #B25180	RGB 178 81 128	#B25180
100.0%	100.0% #AB4174	RGB 171 65 116	#AB4174

#DAA3C0 #D292B3 #CA82A6 #C2729A #BA618D #B25180 #AB4174

#DAA3C0 - #AB4174

HSV Blend

#DAA3C0 - #AB4174 | 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 #DAA3C0 as 0% and #AB4174 as 100%.

0.0%	0.0% #DAA3C0	RGB 218 163 192	#DAA3C0
16.7%	16.7% #D290B2	RGB 210 144 178	#D290B2
33.3%	33.3% #CA7EA5	RGB 202 126 165	#CA7EA5
50.0%	50.0% #C26D98	RGB 194 109 152	#C26D98
66.7%	66.7% #BA5D8B	RGB 186 93 139	#BA5D8B
83.3%	83.3% #B24E7F	RGB 178 78 127	#B24E7F
100.0%	100.0% #AB4174	RGB 171 65 116	#AB4174

#DAA3C0 #D290B2 #CA7EA5 #C26D98 #BA5D8B #B24E7F #AB4174

#DAA3C0 - #C26D98 - #AB4174

CSS codes

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

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