#DB8AC1 - #A91F75 | 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 #DB8AC1 to #A91F75

#DB8AC1 #A91F75

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

#DB8AC1 - #A91F75 | 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 #DB8AC1 as 0% and #A91F75 as 100%.

0.0%	0.0% #DB8AC1	RGB 219 138 193	#DB8AC1
16.7%	16.7% #D278B4	RGB 210 120 180	#D278B4
33.3%	33.3% #CA66A7	RGB 202 102 167	#CA66A7
50.0%	50.0% #C2549B	RGB 194 84 155	#C2549B
66.7%	66.7% #B9428E	RGB 185 66 142	#B9428E
83.3%	83.3% #B13081	RGB 177 48 129	#B13081
100.0%	100.0% #A91F75	RGB 169 31 117	#A91F75

#DB8AC1 #D278B4 #CA66A7 #C2549B #B9428E #B13081 #A91F75

#DB8AC1 - #A91F75

HSV Blend

#DB8AC1 - #A91F75 | 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 #DB8AC1 as 0% and #A91F75 as 100%.

0.0%	0.0% #DB8AC1	RGB 219 138 193	#DB8AC1
16.7%	16.7% #D275B3	RGB 210 117 179	#D275B3
33.3%	33.3% #CA61A6	RGB 202 97 166	#CA61A6
50.0%	50.0% #C24E99	RGB 194 78 153	#C24E99
66.7%	66.7% #B93D8D	RGB 185 61 141	#B93D8D
83.3%	83.3% #B12D80	RGB 177 45 128	#B12D80
100.0%	100.0% #A91F75	RGB 169 31 117	#A91F75

#DB8AC1 #D275B3 #CA61A6 #C24E99 #B93D8D #B12D80 #A91F75

#DB8AC1 - #C24E99 - #A91F75

CSS codes

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

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