#DD99A8 - #A73F5A | 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 #DD99A8 to #A73F5A

#DD99A8 #A73F5A

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

#DD99A8 - #A73F5A | 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 #DD99A8 as 0% and #A73F5A as 100%.

0.0%	0.0% #DD99A8	RGB 221 153 168	#DD99A8
16.7%	16.7% #D48A9B	RGB 212 138 155	#D48A9B
33.3%	33.3% #CB7B8E	RGB 203 123 142	#CB7B8E
50.0%	50.0% #C26C81	RGB 194 108 129	#C26C81
66.7%	66.7% #B95D74	RGB 185 93 116	#B95D74
83.3%	83.3% #B04E67	RGB 176 78 103	#B04E67
100.0%	100.0% #A73F5A	RGB 167 63 90	#A73F5A

#DD99A8 #D48A9B #CB7B8E #C26C81 #B95D74 #B04E67 #A73F5A

#DD99A8 - #A73F5A

HSV Blend

#DD99A8 - #A73F5A | 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 #DD99A8 as 0% and #A73F5A as 100%.

0.0%	0.0% #DD99A7	RGB 221 153 167	#DD99A7
16.7%	16.7% #D48798	RGB 212 135 152	#D48798
33.3%	33.3% #CB778A	RGB 203 119 138	#CB778A
50.0%	50.0% #C2677D	RGB 194 103 125	#C2677D
66.7%	66.7% #B95970	RGB 185 89 112	#B95970
83.3%	83.3% #B04B65	RGB 176 75 101	#B04B65
100.0%	100.0% #A73F5A	RGB 167 63 90	#A73F5A

#DD99A7 #D48798 #CB778A #C2677D #B95970 #B04B65 #A73F5A

#DD99A8 - #C2677D - #A73F5A

CSS codes

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

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