#DB9FAA - #A5475C | 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 #DB9FAA to #A5475C

#DB9FAA #A5475C

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

#DB9FAA - #A5475C | 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 #DB9FAA as 0% and #A5475C as 100%.

0.0%	0.0% #DB9FAA	RGB 219 159 170	#DB9FAA
16.7%	16.7% #D2909D	RGB 210 144 157	#D2909D
33.3%	33.3% #C98190	RGB 201 129 144	#C98190
50.0%	50.0% #C07383	RGB 192 115 131	#C07383
66.7%	66.7% #B76476	RGB 183 100 118	#B76476
83.3%	83.3% #AE5569	RGB 174 85 105	#AE5569
100.0%	100.0% #A5475C	RGB 165 71 92	#A5475C

#DB9FAA #D2909D #C98190 #C07383 #B76476 #AE5569 #A5475C

#DB9FAA - #A5475C

HSV Blend

#DB9FAA - #A5475C | 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 #DB9FAA as 0% and #A5475C as 100%.

0.0%	0.0% #DB9FAA	RGB 219 159 170	#DB9FAA
16.7%	16.7% #D28E9B	RGB 210 142 155	#D28E9B
33.3%	33.3% #C97E8C	RGB 201 126 140	#C97E8C
50.0%	50.0% #C06F7F	RGB 192 111 127	#C06F7F
66.7%	66.7% #B76072	RGB 183 96 114	#B76072
83.3%	83.3% #AE5367	RGB 174 83 103	#AE5367
100.0%	100.0% #A5475C	RGB 165 71 92	#A5475C

#DB9FAA #D28E9B #C97E8C #C06F7F #B76072 #AE5367 #A5475C

#DB9FAA - #C06F7F - #A5475C

CSS codes

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

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