#DDA2B5 - #AA4567 | 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 #DDA2B5 to #AA4567

#DDA2B5 #AA4567

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

#DDA2B5 - #AA4567 | 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 #DDA2B5 as 0% and #AA4567 as 100%.

0.0%	0.0% #DDA2B5	RGB 221 162 181	#DDA2B5
16.7%	16.7% #D492A8	RGB 212 146 168	#D492A8
33.3%	33.3% #CC839B	RGB 204 131 155	#CC839B
50.0%	50.0% #C3738E	RGB 195 115 142	#C3738E
66.7%	66.7% #BB6481	RGB 187 100 129	#BB6481
83.3%	83.3% #B25474	RGB 178 84 116	#B25474
100.0%	100.0% #AA4567	RGB 170 69 103	#AA4567

#DDA2B5 #D492A8 #CC839B #C3738E #BB6481 #B25474 #AA4567

#DDA2B5 - #AA4567

HSV Blend

#DDA2B5 - #AA4567 | 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 #DDA2B5 as 0% and #AA4567 as 100%.

0.0%	0.0% #DDA2B5	RGB 221 162 181	#DDA2B5
16.7%	16.7% #D490A6	RGB 212 144 166	#D490A6
33.3%	33.3% #CC7F98	RGB 204 127 152	#CC7F98
50.0%	50.0% #C36F8B	RGB 195 111 139	#C36F8B
66.7%	66.7% #BB607E	RGB 187 96 126	#BB607E
83.3%	83.3% #B25272	RGB 178 82 114	#B25272
100.0%	100.0% #AA4567	RGB 170 69 103	#AA4567

#DDA2B5 #D490A6 #CC7F98 #C36F8B #BB607E #B25272 #AA4567

#DDA2B5 - #C36F8B - #AA4567

CSS codes

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

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