#DB76A8 - #A0145A | 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 #DB76A8 to #A0145A

#DB76A8 #A0145A

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

#DB76A8 - #A0145A | 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 #DB76A8 as 0% and #A0145A as 100%.

0.0%	0.0% #DB76A8	RGB 219 118 168	#DB76A8
16.7%	16.7% #D1659B	RGB 209 101 155	#D1659B
33.3%	33.3% #C7558E	RGB 199 85 142	#C7558E
50.0%	50.0% #BD4581	RGB 189 69 129	#BD4581
66.7%	66.7% #B33474	RGB 179 52 116	#B33474
83.3%	83.3% #A92467	RGB 169 36 103	#A92467
100.0%	100.0% #A0145A	RGB 160 20 90	#A0145A

#DB76A8 #D1659B #C7558E #BD4581 #B33474 #A92467 #A0145A

#DB76A8 - #A0145A

HSV Blend

#DB76A8 - #A0145A | 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 #DB76A8 as 0% and #A0145A as 100%.

0.0%	0.0% #DB76A8	RGB 219 118 168	#DB76A8
16.7%	16.7% #D16299	RGB 209 98 153	#D16299
33.3%	33.3% #C74F8B	RGB 199 79 139	#C74F8B
50.0%	50.0% #BD3E7D	RGB 189 62 125	#BD3E7D
66.7%	66.7% #B32F71	RGB 179 47 113	#B32F71
83.3%	83.3% #A92065	RGB 169 32 101	#A92065
100.0%	100.0% #A0145A	RGB 160 20 90	#A0145A

#DB76A8 #D16299 #C74F8B #BD3E7D #B32F71 #A92065 #A0145A

#DB76A8 - #BD3E7D - #A0145A

CSS codes

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

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