#DB98AC - #A63C5E | 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 #DB98AC to #A63C5E

#DB98AC #A63C5E

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

#DB98AC - #A63C5E | 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 #DB98AC as 0% and #A63C5E as 100%.

0.0%	0.0% #DB98AC	RGB 219 152 172	#DB98AC
16.7%	16.7% #D2889F	RGB 210 136 159	#D2889F
33.3%	33.3% #C97992	RGB 201 121 146	#C97992
50.0%	50.0% #C06A85	RGB 192 106 133	#C06A85
66.7%	66.7% #B75A78	RGB 183 90 120	#B75A78
83.3%	83.3% #AE4B6B	RGB 174 75 107	#AE4B6B
100.0%	100.0% #A63C5E	RGB 166 60 94	#A63C5E

#DB98AC #D2889F #C97992 #C06A85 #B75A78 #AE4B6B #A63C5E

#DB98AC - #A63C5E

HSV Blend

#DB98AC - #A63C5E | 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 #DB98AC as 0% and #A63C5E as 100%.

0.0%	0.0% #DB98AC	RGB 219 152 172	#DB98AC
16.7%	16.7% #D2869D	RGB 210 134 157	#D2869D
33.3%	33.3% #C9758F	RGB 201 117 143	#C9758F
50.0%	50.0% #C06581	RGB 192 101 129	#C06581
66.7%	66.7% #B75675	RGB 183 86 117	#B75675
83.3%	83.3% #AE4869	RGB 174 72 105	#AE4869
100.0%	100.0% #A63C5E	RGB 166 60 94	#A63C5E

#DB98AC #D2869D #C9758F #C06581 #B75675 #AE4869 #A63C5E

#DB98AC - #C06581 - #A63C5E

CSS codes

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

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