#DB6FB0 - #A00962 | 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 #DB6FB0 to #A00962

#DB6FB0 #A00962

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

#DB6FB0 - #A00962 | 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 #DB6FB0 as 0% and #A00962 as 100%.

0.0%	0.0% #DB6FB0	RGB 219 111 176	#DB6FB0
16.7%	16.7% #D15EA3	RGB 209 94 163	#D15EA3
33.3%	33.3% #C74D96	RGB 199 77 150	#C74D96
50.0%	50.0% #BD3C89	RGB 189 60 137	#BD3C89
66.7%	66.7% #B32B7C	RGB 179 43 124	#B32B7C
83.3%	83.3% #A91A6F	RGB 169 26 111	#A91A6F
100.0%	100.0% #A00962	RGB 160 9 98	#A00962

#DB6FB0 #D15EA3 #C74D96 #BD3C89 #B32B7C #A91A6F #A00962

#DB6FB0 - #A00962

HSV Blend

#DB6FB0 - #A00962 | 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 #DB6FB0 as 0% and #A00962 as 100%.

0.0%	0.0% #DB6FB0	RGB 219 111 176	#DB6FB0
16.7%	16.7% #D15AA1	RGB 209 90 161	#D15AA1
33.3%	33.3% #C74793	RGB 199 71 147	#C74793
50.0%	50.0% #BD3586	RGB 189 53 134	#BD3586
66.7%	66.7% #B32579	RGB 179 37 121	#B32579
83.3%	83.3% #A9166D	RGB 169 22 109	#A9166D
100.0%	100.0% #A00962	RGB 160 9 98	#A00962

#DB6FB0 #D15AA1 #C74793 #BD3586 #B32579 #A9166D #A00962

#DB6FB0 - #BD3586 - #A00962

CSS codes

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

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