#DBA8C2 - #AC4776 | 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 #DBA8C2 to #AC4776

#DBA8C2 #AC4776

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

#DBA8C2 - #AC4776 | 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 #DBA8C2 as 0% and #AC4776 as 100%.

0.0%	0.0% #DBA8C2	RGB 219 168 194	#DBA8C2
16.7%	16.7% #D397B5	RGB 211 151 181	#D397B5
33.3%	33.3% #CB87A8	RGB 203 135 168	#CB87A8
50.0%	50.0% #C3779C	RGB 195 119 156	#C3779C
66.7%	66.7% #BB678F	RGB 187 103 143	#BB678F
83.3%	83.3% #B35782	RGB 179 87 130	#B35782
100.0%	100.0% #AC4776	RGB 172 71 118	#AC4776

#DBA8C2 #D397B5 #CB87A8 #C3779C #BB678F #B35782 #AC4776

#DBA8C2 - #AC4776

HSV Blend

#DBA8C2 - #AC4776 | 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 #DBA8C2 as 0% and #AC4776 as 100%.

0.0%	0.0% #DBA8C2	RGB 219 168 194	#DBA8C2
16.7%	16.7% #D395B4	RGB 211 149 180	#D395B4
33.3%	33.3% #CB83A7	RGB 203 131 167	#CB83A7
50.0%	50.0% #C3739A	RGB 195 115 154	#C3739A
66.7%	66.7% #BB638D	RGB 187 99 141	#BB638D
83.3%	83.3% #B35481	RGB 179 84 129	#B35481
100.0%	100.0% #AC4776	RGB 172 71 118	#AC4776

#DBA8C2 #D395B4 #CB83A7 #C3739A #BB638D #B35481 #AC4776

#DBA8C2 - #C3739A - #AC4776

CSS codes

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

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