#DB94C8 - #AC287D | 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 #DB94C8 to #AC287D

#DB94C8 #AC287D

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

#DB94C8 - #AC287D | 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 #DB94C8 as 0% and #AC287D as 100%.

0.0%	0.0% #DB94C8	RGB 219 148 200	#DB94C8
16.7%	16.7% #D382BB	RGB 211 130 187	#D382BB
33.3%	33.3% #CB70AF	RGB 203 112 175	#CB70AF
50.0%	50.0% #C35EA2	RGB 195 94 162	#C35EA2
66.7%	66.7% #BB4C96	RGB 187 76 150	#BB4C96
83.3%	83.3% #B33A89	RGB 179 58 137	#B33A89
100.0%	100.0% #AC287D	RGB 172 40 125	#AC287D

#DB94C8 #D382BB #CB70AF #C35EA2 #BB4C96 #B33A89 #AC287D

#DB94C8 - #AC287D

HSV Blend

#DB94C8 - #AC287D | 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 #DB94C8 as 0% and #AC287D as 100%.

0.0%	0.0% #DB94C8	RGB 219 148 200	#DB94C8
16.7%	16.7% #D37FBB	RGB 211 127 187	#D37FBB
33.3%	33.3% #CB6BAE	RGB 203 107 174	#CB6BAE
50.0%	50.0% #C358A2	RGB 195 88 162	#C358A2
66.7%	66.7% #BB4795	RGB 187 71 149	#BB4795
83.3%	83.3% #B33789	RGB 179 55 137	#B33789
100.0%	100.0% #AC287D	RGB 172 40 125	#AC287D

#DB94C8 #D37FBB #CB6BAE #C358A2 #BB4795 #B33789 #AC287D

#DB94C8 - #C358A2 - #AC287D

CSS codes

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

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