#DFB9F9 - #3F3447 | 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 #DFB9F9 to #3F3447

#DFB9F9 #3F3447

Calculate the color between two colors, #DFB9F9 and #3F3447. 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)

#DFB9F9 - #3F3447 | 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 #DFB9F9 as 0% and #3F3447 as 100%.

0.0%	0.0% #DFB9F9	RGB 223 185 249	#DFB9F9
16.7%	16.7% #C4A2DB	RGB 196 162 219	#C4A2DB
33.3%	33.3% #A98CBD	RGB 169 140 189	#A98CBD
50.0%	50.0% #8F76A0	RGB 143 118 160	#8F76A0
66.7%	66.7% #746082	RGB 116 96 130	#746082
83.3%	83.3% #594A64	RGB 89 74 100	#594A64
100.0%	100.0% #3F3447	RGB 63 52 71	#3F3447

#DFB9F9 #C4A2DB #A98CBD #8F76A0 #746082 #594A64 #3F3447

#DFB9F9 - #3F3447

HSV Blend

#DFB9F9 - #3F3447 | 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 #DFB9F9 as 0% and #3F3447 as 100%.

0.0%	0.0% #DFB9F9	RGB 223 185 249	#DFB9F9
16.7%	16.7% #C4A2DB	RGB 196 162 219	#C4A2DB
33.3%	33.3% #A98CBD	RGB 169 140 189	#A98CBD
50.0%	50.0% #8E76A0	RGB 142 118 160	#8E76A0
66.7%	66.7% #745F82	RGB 116 95 130	#745F82
83.3%	83.3% #594964	RGB 89 73 100	#594964
100.0%	100.0% #3F3447	RGB 63 52 71	#3F3447

#DFB9F9 #C4A2DB #A98CBD #8E76A0 #745F82 #594964 #3F3447

#DFB9F9 - #8E76A0 - #3F3447

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFB9F9 0%, #8E76A0 50%, #3F3447 100%);
    background: -webkit-linear-gradient(top, #DFB9F9 0%, #8E76A0 50%, #3F3447 100%);
    background: linear-gradient(to bottom, #DFB9F9 0%, #8E76A0 50%, #3F3447 100%);
}
</style>