#DFBBDD - #B162AC | 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 #DFBBDD to #B162AC

#DFBBDD #B162AC

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

#DFBBDD - #B162AC | 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 #DFBBDD as 0% and #B162AC as 100%.

0.0%	0.0% #DFBBDD	RGB 223 187 221	#DFBBDD
16.7%	16.7% #D7ACD4	RGB 215 172 212	#D7ACD4
33.3%	33.3% #CF9DCC	RGB 207 157 204	#CF9DCC
50.0%	50.0% #C88EC4	RGB 200 142 196	#C88EC4
66.7%	66.7% #C07FBC	RGB 192 127 188	#C07FBC
83.3%	83.3% #B870B4	RGB 184 112 180	#B870B4
100.0%	100.0% #B162AC	RGB 177 98 172	#B162AC

#DFBBDD #D7ACD4 #CF9DCC #C88EC4 #C07FBC #B870B4 #B162AC

#DFBBDD - #B162AC

HSV Blend

#DFBBDD - #B162AC | 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 #DFBBDD as 0% and #B162AC as 100%.

0.0%	0.0% #DFBBDD	RGB 223 187 221	#DFBBDD
16.7%	16.7% #D7AAD4	RGB 215 170 212	#D7AAD4
33.3%	33.3% #CF9ACC	RGB 207 154 204	#CF9ACC
50.0%	50.0% #C88BC4	RGB 200 139 196	#C88BC4
66.7%	66.7% #C07CBC	RGB 192 124 188	#C07CBC
83.3%	83.3% #B86FB4	RGB 184 111 180	#B86FB4
100.0%	100.0% #B162AC	RGB 177 98 172	#B162AC

#DFBBDD #D7AAD4 #CF9ACC #C88BC4 #C07CBC #B86FB4 #B162AC

#DFBBDD - #C88BC4 - #B162AC

CSS codes

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

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