#DBB6CC - #B05782 | 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 #DBB6CC to #B05782

#DBB6CC #B05782

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

#DBB6CC - #B05782 | 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 #DBB6CC as 0% and #B05782 as 100%.

0.0%	0.0% #DBB6CC	RGB 219 182 204	#DBB6CC
16.7%	16.7% #D3A6BF	RGB 211 166 191	#D3A6BF
33.3%	33.3% #CC96B3	RGB 204 150 179	#CC96B3
50.0%	50.0% #C586A7	RGB 197 134 167	#C586A7
66.7%	66.7% #BE769A	RGB 190 118 154	#BE769A
83.3%	83.3% #B7668E	RGB 183 102 142	#B7668E
100.0%	100.0% #B05782	RGB 176 87 130	#B05782

#DBB6CC #D3A6BF #CC96B3 #C586A7 #BE769A #B7668E #B05782

#DBB6CC - #B05782

HSV Blend

#DBB6CC - #B05782 | 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 #DBB6CC as 0% and #B05782 as 100%.

0.0%	0.0% #DBB6CC	RGB 219 182 204	#DBB6CC
16.7%	16.7% #D3A4BF	RGB 211 164 191	#D3A4BF
33.3%	33.3% #CC93B3	RGB 204 147 179	#CC93B3
50.0%	50.0% #C582A6	RGB 197 130 166	#C582A6
66.7%	66.7% #BE739A	RGB 190 115 154	#BE739A
83.3%	83.3% #B7648E	RGB 183 100 142	#B7648E
100.0%	100.0% #B05782	RGB 176 87 130	#B05782

#DBB6CC #D3A4BF #CC93B3 #C582A6 #BE739A #B7648E #B05782

#DBB6CC - #C582A6 - #B05782

CSS codes

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

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