#DB97C9 - #AD2C7E | 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 #DB97C9 to #AD2C7E

#DB97C9 #AD2C7E

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

#DB97C9 - #AD2C7E | 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 #DB97C9 as 0% and #AD2C7E as 100%.

0.0%	0.0% #DB97C9	RGB 219 151 201	#DB97C9
16.7%	16.7% #D385BC	RGB 211 133 188	#D385BC
33.3%	33.3% #CB73B0	RGB 203 115 176	#CB73B0
50.0%	50.0% #C461A3	RGB 196 97 163	#C461A3
66.7%	66.7% #BC4F97	RGB 188 79 151	#BC4F97
83.3%	83.3% #B43D8A	RGB 180 61 138	#B43D8A
100.0%	100.0% #AD2C7E	RGB 173 44 126	#AD2C7E

#DB97C9 #D385BC #CB73B0 #C461A3 #BC4F97 #B43D8A #AD2C7E

#DB97C9 - #AD2C7E

HSV Blend

#DB97C9 - #AD2C7E | 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 #DB97C9 as 0% and #AD2C7E as 100%.

0.0%	0.0% #DB97C9	RGB 219 151 201	#DB97C9
16.7%	16.7% #D382BC	RGB 211 130 188	#D382BC
33.3%	33.3% #CB6EB0	RGB 203 110 176	#CB6EB0
50.0%	50.0% #C45CA3	RGB 196 92 163	#C45CA3
66.7%	66.7% #BC4B96	RGB 188 75 150	#BC4B96
83.3%	83.3% #B43B8A	RGB 180 59 138	#B43B8A
100.0%	100.0% #AD2C7E	RGB 173 44 126	#AD2C7E

#DB97C9 #D382BC #CB6EB0 #C45CA3 #BC4B96 #B43B8A #AD2C7E

#DB97C9 - #C45CA3 - #AD2C7E

CSS codes

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

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