#DF9FDD - #B549BB | 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 #DF9FDD to #B549BB

#DF9FDD #B549BB

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

#DF9FDD - #B549BB | 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 #DF9FDD as 0% and #B549BB as 100%.

0.0%	0.0% #DF9FDD	RGB 223 159 221	#DF9FDD
16.7%	16.7% #D890D7	RGB 216 144 215	#D890D7
33.3%	33.3% #D182D1	RGB 209 130 209	#D182D1
50.0%	50.0% #CA74CC	RGB 202 116 204	#CA74CC
66.7%	66.7% #C365C6	RGB 195 101 198	#C365C6
83.3%	83.3% #BC57C0	RGB 188 87 192	#BC57C0
100.0%	100.0% #B549BB	RGB 181 73 187	#B549BB

#DF9FDD #D890D7 #D182D1 #CA74CC #C365C6 #BC57C0 #B549BB

#DF9FDD - #B549BB

HSV Blend

#DF9FDD - #B549BB | 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 #DF9FDD as 0% and #B549BB as 100%.

0.0%	0.0% #DF9FDD	RGB 223 159 221	#DF9FDD
16.7%	16.7% #D98FD7	RGB 217 143 215	#D98FD7
33.3%	33.3% #D37FD2	RGB 211 127 210	#D37FD2
50.0%	50.0% #CC71CD	RGB 204 113 205	#CC71CD
66.7%	66.7% #C463C7	RGB 196 99 199	#C463C7
83.3%	83.3% #BC55C1	RGB 188 85 193	#BC55C1
100.0%	100.0% #B549BB	RGB 181 73 187	#B549BB

#DF9FDD #D98FD7 #D37FD2 #CC71CD #C463C7 #BC55C1 #B549BB

#DF9FDD - #CC71CD - #B549BB

CSS codes

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

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