#DDA2BF - #AD4073 | 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 #DDA2BF to #AD4073

#DDA2BF #AD4073

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

#DDA2BF - #AD4073 | 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 #DDA2BF as 0% and #AD4073 as 100%.

0.0%	0.0% #DDA2BF	RGB 221 162 191	#DDA2BF
16.7%	16.7% #D591B2	RGB 213 145 178	#D591B2
33.3%	33.3% #CD81A5	RGB 205 129 165	#CD81A5
50.0%	50.0% #C57199	RGB 197 113 153	#C57199
66.7%	66.7% #BD608C	RGB 189 96 140	#BD608C
83.3%	83.3% #B5507F	RGB 181 80 127	#B5507F
100.0%	100.0% #AD4073	RGB 173 64 115	#AD4073

#DDA2BF #D591B2 #CD81A5 #C57199 #BD608C #B5507F #AD4073

#DDA2BF - #AD4073

HSV Blend

#DDA2BF - #AD4073 | 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 #DDA2BF as 0% and #AD4073 as 100%.

0.0%	0.0% #DDA2BE	RGB 221 162 190	#DDA2BE
16.7%	16.7% #D58FB1	RGB 213 143 177	#D58FB1
33.3%	33.3% #CD7DA3	RGB 205 125 163	#CD7DA3
50.0%	50.0% #C56C97	RGB 197 108 151	#C56C97
66.7%	66.7% #BD5C8A	RGB 189 92 138	#BD5C8A
83.3%	83.3% #B54D7E	RGB 181 77 126	#B54D7E
100.0%	100.0% #AD4073	RGB 173 64 115	#AD4073

#DDA2BE #D58FB1 #CD7DA3 #C56C97 #BD5C8A #B54D7E #AD4073

#DDA2BF - #C56C97 - #AD4073

CSS codes

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

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