#DB6DB6 - #A00468 | 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 #DB6DB6 to #A00468

#DB6DB6 #A00468

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

#DB6DB6 - #A00468 | 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 #DB6DB6 as 0% and #A00468 as 100%.

0.0%	0.0% #DB6DB6	RGB 219 109 182	#DB6DB6
16.7%	16.7% #D15BA9	RGB 209 91 169	#D15BA9
33.3%	33.3% #C74A9C	RGB 199 74 156	#C74A9C
50.0%	50.0% #BD388F	RGB 189 56 143	#BD388F
66.7%	66.7% #B32782	RGB 179 39 130	#B32782
83.3%	83.3% #A91575	RGB 169 21 117	#A91575
100.0%	100.0% #A00468	RGB 160 4 104	#A00468

#DB6DB6 #D15BA9 #C74A9C #BD388F #B32782 #A91575 #A00468

#DB6DB6 - #A00468

HSV Blend

#DB6DB6 - #A00468 | 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 #DB6DB6 as 0% and #A00468 as 100%.

0.0%	0.0% #DB6DB6	RGB 219 109 182	#DB6DB6
16.7%	16.7% #D157A7	RGB 209 87 167	#D157A7
33.3%	33.3% #C7439A	RGB 199 67 154	#C7439A
50.0%	50.0% #BD318C	RGB 189 49 140	#BD318C
66.7%	66.7% #B32080	RGB 179 32 128	#B32080
83.3%	83.3% #A91173	RGB 169 17 115	#A91173
100.0%	100.0% #A00468	RGB 160 4 104	#A00468

#DB6DB6 #D157A7 #C7439A #BD318C #B32080 #A91173 #A00468

#DB6DB6 - #BD318C - #A00468

CSS codes

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

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