#DF7BA1 - #A41D53 | 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 #DF7BA1 to #A41D53

#DF7BA1 #A41D53

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

#DF7BA1 - #A41D53 | 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 #DF7BA1 as 0% and #A41D53 as 100%.

0.0%	0.0% #DF7BA1	RGB 223 123 161	#DF7BA1
16.7%	16.7% #D56B94	RGB 213 107 148	#D56B94
33.3%	33.3% #CB5B87	RGB 203 91 135	#CB5B87
50.0%	50.0% #C14C7A	RGB 193 76 122	#C14C7A
66.7%	66.7% #B73C6D	RGB 183 60 109	#B73C6D
83.3%	83.3% #AD2C60	RGB 173 44 96	#AD2C60
100.0%	100.0% #A41D53	RGB 164 29 83	#A41D53

#DF7BA1 #D56B94 #CB5B87 #C14C7A #B73C6D #AD2C60 #A41D53

#DF7BA1 - #A41D53

HSV Blend

#DF7BA1 - #A41D53 | 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 #DF7BA1 as 0% and #A41D53 as 100%.

0.0%	0.0% #DF7BA1	RGB 223 123 161	#DF7BA1
16.7%	16.7% #D56892	RGB 213 104 146	#D56892
33.3%	33.3% #CB5683	RGB 203 86 131	#CB5683
50.0%	50.0% #C14676	RGB 193 70 118	#C14676
66.7%	66.7% #B73769	RGB 183 55 105	#B73769
83.3%	83.3% #AD295E	RGB 173 41 94	#AD295E
100.0%	100.0% #A41D53	RGB 164 29 83	#A41D53

#DF7BA1 #D56892 #CB5683 #C14676 #B73769 #AD295E #A41D53

#DF7BA1 - #C14676 - #A41D53

CSS codes

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

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