#DBB0DC - #84519A | 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 #DBB0DC to #84519A

#DBB0DC #84519A

Calculate the color between two colors, #DBB0DC and #84519A. 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)

#DBB0DC - #84519A | 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 #DBB0DC as 0% and #84519A as 100%.

0.0%	0.0% #DBB0DC	RGB 219 176 220	#DBB0DC
16.7%	16.7% #CCA0D1	RGB 204 160 209	#CCA0D1
33.3%	33.3% #BE90C6	RGB 190 144 198	#BE90C6
50.0%	50.0% #AF80BB	RGB 175 128 187	#AF80BB
66.7%	66.7% #A170B0	RGB 161 112 176	#A170B0
83.3%	83.3% #9260A5	RGB 146 96 165	#9260A5
100.0%	100.0% #84519A	RGB 132 81 154	#84519A

#DBB0DC #CCA0D1 #BE90C6 #AF80BB #A170B0 #9260A5 #84519A

#DBB0DC - #84519A

HSV Blend

#DBB0DC - #84519A | 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 #DBB0DC as 0% and #84519A as 100%.

0.0%	0.0% #DBB0DC	RGB 219 176 220	#DBB0DC
16.7%	16.7% #CD9DD1	RGB 205 157 209	#CD9DD1
33.3%	33.3% #BF8CC6	RGB 191 140 198	#BF8CC6
50.0%	50.0% #B07BBB	RGB 176 123 187	#B07BBB
66.7%	66.7% #A16CB0	RGB 161 108 176	#A16CB0
83.3%	83.3% #925EA5	RGB 146 94 165	#925EA5
100.0%	100.0% #84519A	RGB 132 81 154	#84519A

#DBB0DC #CD9DD1 #BF8CC6 #B07BBB #A16CB0 #925EA5 #84519A

#DBB0DC - #B07BBB - #84519A

CSS codes

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

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