#DB9ABA - #AA386D | 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 #DB9ABA to #AA386D

#DB9ABA #AA386D

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

#DB9ABA - #AA386D | 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 #DB9ABA as 0% and #AA386D as 100%.

0.0%	0.0% #DB9ABA	RGB 219 154 186	#DB9ABA
16.7%	16.7% #D289AD	RGB 210 137 173	#D289AD
33.3%	33.3% #CA79A0	RGB 202 121 160	#CA79A0
50.0%	50.0% #C26993	RGB 194 105 147	#C26993
66.7%	66.7% #BA5886	RGB 186 88 134	#BA5886
83.3%	83.3% #B24879	RGB 178 72 121	#B24879
100.0%	100.0% #AA386D	RGB 170 56 109	#AA386D

#DB9ABA #D289AD #CA79A0 #C26993 #BA5886 #B24879 #AA386D

#DB9ABA - #AA386D

HSV Blend

#DB9ABA - #AA386D | 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 #DB9ABA as 0% and #AA386D as 100%.

0.0%	0.0% #DB9ABA	RGB 219 154 186	#DB9ABA
16.7%	16.7% #D287AC	RGB 210 135 172	#D287AC
33.3%	33.3% #CA759E	RGB 202 117 158	#CA759E
50.0%	50.0% #C26491	RGB 194 100 145	#C26491
66.7%	66.7% #BA5484	RGB 186 84 132	#BA5484
83.3%	83.3% #B24578	RGB 178 69 120	#B24578
100.0%	100.0% #AA386D	RGB 170 56 109	#AA386D

#DB9ABA #D287AC #CA759E #C26491 #BA5484 #B24578 #AA386D

#DB9ABA - #C26491 - #AA386D

CSS codes

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

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