#DC99AC - #A73D5E | 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 #DC99AC to #A73D5E

#DC99AC #A73D5E

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

#DC99AC - #A73D5E | 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 #DC99AC as 0% and #A73D5E as 100%.

0.0%	0.0% #DC99AC	RGB 220 153 172	#DC99AC
16.7%	16.7% #D3899F	RGB 211 137 159	#D3899F
33.3%	33.3% #CA7A92	RGB 202 122 146	#CA7A92
50.0%	50.0% #C16B85	RGB 193 107 133	#C16B85
66.7%	66.7% #B85B78	RGB 184 91 120	#B85B78
83.3%	83.3% #AF4C6B	RGB 175 76 107	#AF4C6B
100.0%	100.0% #A73D5E	RGB 167 61 94	#A73D5E

#DC99AC #D3899F #CA7A92 #C16B85 #B85B78 #AF4C6B #A73D5E

#DC99AC - #A73D5E

HSV Blend

#DC99AC - #A73D5E | 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 #DC99AC as 0% and #A73D5E as 100%.

0.0%	0.0% #DC99AC	RGB 220 153 172	#DC99AC
16.7%	16.7% #D3879D	RGB 211 135 157	#D3879D
33.3%	33.3% #CA768F	RGB 202 118 143	#CA768F
50.0%	50.0% #C16681	RGB 193 102 129	#C16681
66.7%	66.7% #B85775	RGB 184 87 117	#B85775
83.3%	83.3% #AF4969	RGB 175 73 105	#AF4969
100.0%	100.0% #A73D5E	RGB 167 61 94	#A73D5E

#DC99AC #D3879D #CA768F #C16681 #B85775 #AF4969 #A73D5E

#DC99AC - #C16681 - #A73D5E

CSS codes

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

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