#DB99C5 - #AD317A | 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 #DB99C5 to #AD317A

#DB99C5 #AD317A

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

#DB99C5 - #AD317A | 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 #DB99C5 as 0% and #AD317A as 100%.

0.0%	0.0% #DB99C5	RGB 219 153 197	#DB99C5
16.7%	16.7% #D387B8	RGB 211 135 184	#D387B8
33.3%	33.3% #CB76AC	RGB 203 118 172	#CB76AC
50.0%	50.0% #C4659F	RGB 196 101 159	#C4659F
66.7%	66.7% #BC5393	RGB 188 83 147	#BC5393
83.3%	83.3% #B44286	RGB 180 66 134	#B44286
100.0%	100.0% #AD317A	RGB 173 49 122	#AD317A

#DB99C5 #D387B8 #CB76AC #C4659F #BC5393 #B44286 #AD317A

#DB99C5 - #AD317A

HSV Blend

#DB99C5 - #AD317A | 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 #DB99C5 as 0% and #AD317A as 100%.

0.0%	0.0% #DB99C5	RGB 219 153 197	#DB99C5
16.7%	16.7% #D385B8	RGB 211 133 184	#D385B8
33.3%	33.3% #CB72AB	RGB 203 114 171	#CB72AB
50.0%	50.0% #C4609E	RGB 196 96 158	#C4609E
66.7%	66.7% #BC4F92	RGB 188 79 146	#BC4F92
83.3%	83.3% #B43F86	RGB 180 63 134	#B43F86
100.0%	100.0% #AD317A	RGB 173 49 122	#AD317A

#DB99C5 #D385B8 #CB72AB #C4609E #BC4F92 #B43F86 #AD317A

#DB99C5 - #C4609E - #AD317A

CSS codes

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

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