#DB90C8 - #AC237D | 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 #DB90C8 to #AC237D

#DB90C8 #AC237D

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

#DB90C8 - #AC237D | 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 #DB90C8 as 0% and #AC237D as 100%.

0.0%	0.0% #DB90C8	RGB 219 144 200	#DB90C8
16.7%	16.7% #D37DBB	RGB 211 125 187	#D37DBB
33.3%	33.3% #CB6BAF	RGB 203 107 175	#CB6BAF
50.0%	50.0% #C359A2	RGB 195 89 162	#C359A2
66.7%	66.7% #BB4796	RGB 187 71 150	#BB4796
83.3%	83.3% #B33589	RGB 179 53 137	#B33589
100.0%	100.0% #AC237D	RGB 172 35 125	#AC237D

#DB90C8 #D37DBB #CB6BAF #C359A2 #BB4796 #B33589 #AC237D

#DB90C8 - #AC237D

HSV Blend

#DB90C8 - #AC237D | 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 #DB90C8 as 0% and #AC237D as 100%.

0.0%	0.0% #DB90C8	RGB 219 144 200	#DB90C8
16.7%	16.7% #D37ABB	RGB 211 122 187	#D37ABB
33.3%	33.3% #CB66AE	RGB 203 102 174	#CB66AE
50.0%	50.0% #C354A2	RGB 195 84 162	#C354A2
66.7%	66.7% #BB4295	RGB 187 66 149	#BB4295
83.3%	83.3% #B33289	RGB 179 50 137	#B33289
100.0%	100.0% #AC237D	RGB 172 35 125	#AC237D

#DB90C8 #D37ABB #CB66AE #C354A2 #BB4295 #B33289 #AC237D

#DB90C8 - #C354A2 - #AC237D

CSS codes

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

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