#DFB5DD - #BA4A99 | 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 #DFB5DD to #BA4A99

#DFB5DD #BA4A99

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

#DFB5DD - #BA4A99 | 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 #DFB5DD as 0% and #BA4A99 as 100%.

0.0%	0.0% #DFB5DD	RGB 223 181 221	#DFB5DD
16.7%	16.7% #D8A3D1	RGB 216 163 209	#D8A3D1
33.3%	33.3% #D291C6	RGB 210 145 198	#D291C6
50.0%	50.0% #CC7FBB	RGB 204 127 187	#CC7FBB
66.7%	66.7% #C66DAF	RGB 198 109 175	#C66DAF
83.3%	83.3% #C05BA4	RGB 192 91 164	#C05BA4
100.0%	100.0% #BA4A99	RGB 186 74 153	#BA4A99

#DFB5DD #D8A3D1 #D291C6 #CC7FBB #C66DAF #C05BA4 #BA4A99

#DFB5DD - #BA4A99

HSV Blend

#DFB5DD - #BA4A99 | 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 #DFB5DD as 0% and #BA4A99 as 100%.

0.0%	0.0% #DFB5DD	RGB 223 181 221	#DFB5DD
16.7%	16.7% #D8A1D3	RGB 216 161 211	#D8A1D3
33.3%	33.3% #D28DC9	RGB 210 141 201	#D28DC9
50.0%	50.0% #CC7BBE	RGB 204 123 190	#CC7BBE
66.7%	66.7% #C66AB2	RGB 198 106 178	#C66AB2
83.3%	83.3% #C059A6	RGB 192 89 166	#C059A6
100.0%	100.0% #BA4A99	RGB 186 74 153	#BA4A99

#DFB5DD #D8A1D3 #D28DC9 #CC7BBE #C66AB2 #C059A6 #BA4A99

#DFB5DD - #CC7BBE - #BA4A99

CSS codes

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

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