#DBA3C2 - #AC4076 | 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 #DBA3C2 to #AC4076

#DBA3C2 #AC4076

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

#DBA3C2 - #AC4076 | 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 #DBA3C2 as 0% and #AC4076 as 100%.

0.0%	0.0% #DBA3C2	RGB 219 163 194	#DBA3C2
16.7%	16.7% #D392B5	RGB 211 146 181	#D392B5
33.3%	33.3% #CB82A8	RGB 203 130 168	#CB82A8
50.0%	50.0% #C3719C	RGB 195 113 156	#C3719C
66.7%	66.7% #BB618F	RGB 187 97 143	#BB618F
83.3%	83.3% #B35082	RGB 179 80 130	#B35082
100.0%	100.0% #AC4076	RGB 172 64 118	#AC4076

#DBA3C2 #D392B5 #CB82A8 #C3719C #BB618F #B35082 #AC4076

#DBA3C2 - #AC4076

HSV Blend

#DBA3C2 - #AC4076 | 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 #DBA3C2 as 0% and #AC4076 as 100%.

0.0%	0.0% #DBA3C2	RGB 219 163 194	#DBA3C2
16.7%	16.7% #D390B4	RGB 211 144 180	#D390B4
33.3%	33.3% #CB7EA7	RGB 203 126 167	#CB7EA7
50.0%	50.0% #C36D9A	RGB 195 109 154	#C36D9A
66.7%	66.7% #BB5D8E	RGB 187 93 142	#BB5D8E
83.3%	83.3% #B34E81	RGB 179 78 129	#B34E81
100.0%	100.0% #AC4076	RGB 172 64 118	#AC4076

#DBA3C2 #D390B4 #CB7EA7 #C36D9A #BB5D8E #B34E81 #AC4076

#DBA3C2 - #C36D9A - #AC4076

CSS codes

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

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