#DB9AB9 - #AA386C | 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 #DB9AB9 to #AA386C

#DB9AB9 #AA386C

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

#DB9AB9 - #AA386C | 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 #DB9AB9 as 0% and #AA386C as 100%.

0.0%	0.0% #DB9AB9	RGB 219 154 185	#DB9AB9
16.7%	16.7% #D289AC	RGB 210 137 172	#D289AC
33.3%	33.3% #CA799F	RGB 202 121 159	#CA799F
50.0%	50.0% #C26992	RGB 194 105 146	#C26992
66.7%	66.7% #BA5885	RGB 186 88 133	#BA5885
83.3%	83.3% #B24878	RGB 178 72 120	#B24878
100.0%	100.0% #AA386C	RGB 170 56 108	#AA386C

#DB9AB9 #D289AC #CA799F #C26992 #BA5885 #B24878 #AA386C

#DB9AB9 - #AA386C

HSV Blend

#DB9AB9 - #AA386C | 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 #DB9AB9 as 0% and #AA386C as 100%.

0.0%	0.0% #DB9AB9	RGB 219 154 185	#DB9AB9
16.7%	16.7% #D287AA	RGB 210 135 170	#D287AA
33.3%	33.3% #CA759D	RGB 202 117 157	#CA759D
50.0%	50.0% #C26490	RGB 194 100 144	#C26490
66.7%	66.7% #BA5483	RGB 186 84 131	#BA5483
83.3%	83.3% #B24577	RGB 178 69 119	#B24577
100.0%	100.0% #AA386C	RGB 170 56 108	#AA386C

#DB9AB9 #D287AA #CA759D #C26490 #BA5483 #B24577 #AA386C

#DB9AB9 - #C26490 - #AA386C

CSS codes

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

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