#DBAAE4 - #B13EB9 | 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 #DBAAE4 to #B13EB9

#DBAAE4 #B13EB9

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

#DBAAE4 - #B13EB9 | 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 #DBAAE4 as 0% and #B13EB9 as 100%.

0.0%	0.0% #DBAAE4	RGB 219 170 228	#DBAAE4
16.7%	16.7% #D498DC	RGB 212 152 220	#D498DC
33.3%	33.3% #CD86D5	RGB 205 134 213	#CD86D5
50.0%	50.0% #C674CE	RGB 198 116 206	#C674CE
66.7%	66.7% #BF62C7	RGB 191 98 199	#BF62C7
83.3%	83.3% #B850C0	RGB 184 80 192	#B850C0
100.0%	100.0% #B13EB9	RGB 177 62 185	#B13EB9

#DBAAE4 #D498DC #CD86D5 #C674CE #BF62C7 #B850C0 #B13EB9

#DBAAE4 - #B13EB9

HSV Blend

#DBAAE4 - #B13EB9 | 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 #DBAAE4 as 0% and #B13EB9 as 100%.

0.0%	0.0% #DBAAE4	RGB 219 170 228	#DBAAE4
16.7%	16.7% #D295DC	RGB 210 149 220	#D295DC
33.3%	33.3% #CB82D5	RGB 203 130 213	#CB82D5
50.0%	50.0% #C46FCE	RGB 196 111 206	#C46FCE
66.7%	66.7% #BD5EC7	RGB 189 94 199	#BD5EC7
83.3%	83.3% #B64DC0	RGB 182 77 192	#B64DC0
100.0%	100.0% #B13EB9	RGB 177 62 185	#B13EB9

#DBAAE4 #D295DC #CB82D5 #C46FCE #BD5EC7 #B64DC0 #B13EB9

#DBAAE4 - #C46FCE - #B13EB9

CSS codes

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

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