#DB9AD5 - #B0298E | 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 #DB9AD5 to #B0298E

#DB9AD5 #B0298E

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

#DB9AD5 - #B0298E | 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 #DB9AD5 as 0% and #B0298E as 100%.

0.0%	0.0% #DB9AD5	RGB 219 154 213	#DB9AD5
16.7%	16.7% #D387C9	RGB 211 135 201	#D387C9
33.3%	33.3% #CC74BD	RGB 204 116 189	#CC74BD
50.0%	50.0% #C561B1	RGB 197 97 177	#C561B1
66.7%	66.7% #BE4EA5	RGB 190 78 165	#BE4EA5
83.3%	83.3% #B73B99	RGB 183 59 153	#B73B99
100.0%	100.0% #B0298E	RGB 176 41 142	#B0298E

#DB9AD5 #D387C9 #CC74BD #C561B1 #BE4EA5 #B73B99 #B0298E

#DB9AD5 - #B0298E

HSV Blend

#DB9AD5 - #B0298E | 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 #DB9AD5 as 0% and #B0298E as 100%.

0.0%	0.0% #DB9AD5	RGB 219 154 213	#DB9AD5
16.7%	16.7% #D384CA	RGB 211 132 202	#D384CA
33.3%	33.3% #CC6FBF	RGB 204 111 191	#CC6FBF
50.0%	50.0% #C55CB3	RGB 197 92 179	#C55CB3
66.7%	66.7% #BE4AA7	RGB 190 74 167	#BE4AA7
83.3%	83.3% #B7399A	RGB 183 57 154	#B7399A
100.0%	100.0% #B0298E	RGB 176 41 142	#B0298E

#DB9AD5 #D384CA #CC6FBF #C55CB3 #BE4AA7 #B7399A #B0298E

#DB9AD5 - #C55CB3 - #B0298E

CSS codes

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

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