#DB9FAD - #A6455F | 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 #DB9FAD to #A6455F

#DB9FAD #A6455F

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

#DB9FAD - #A6455F | 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 #DB9FAD as 0% and #A6455F as 100%.

0.0%	0.0% #DB9FAD	RGB 219 159 173	#DB9FAD
16.7%	16.7% #D290A0	RGB 210 144 160	#D290A0
33.3%	33.3% #C98193	RGB 201 129 147	#C98193
50.0%	50.0% #C07286	RGB 192 114 134	#C07286
66.7%	66.7% #B76379	RGB 183 99 121	#B76379
83.3%	83.3% #AE546C	RGB 174 84 108	#AE546C
100.0%	100.0% #A6455F	RGB 166 69 95	#A6455F

#DB9FAD #D290A0 #C98193 #C07286 #B76379 #AE546C #A6455F

#DB9FAD - #A6455F

HSV Blend

#DB9FAD - #A6455F | 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 #DB9FAD as 0% and #A6455F as 100%.

0.0%	0.0% #DB9FAD	RGB 219 159 173	#DB9FAD
16.7%	16.7% #D28D9E	RGB 210 141 158	#D28D9E
33.3%	33.3% #C97D8F	RGB 201 125 143	#C97D8F
50.0%	50.0% #C06D82	RGB 192 109 130	#C06D82
66.7%	66.7% #B75F75	RGB 183 95 117	#B75F75
83.3%	83.3% #AE516A	RGB 174 81 106	#AE516A
100.0%	100.0% #A6455F	RGB 166 69 95	#A6455F

#DB9FAD #D28D9E #C97D8F #C06D82 #B75F75 #AE516A #A6455F

#DB9FAD - #C06D82 - #A6455F

CSS codes

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

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