#DDBAFF - #8C4DCE | Colorate

Colorate besitzt ein Farbschema-Tool für Designer und Entwickler. Es wird Sie inspirieren und Ihnen bei Ihrer Farbauswahl helfen. Mach diese Seite besser

Mischen Sie #DDBAFF mit #8C4DCE

#DDBAFF #8C4DCE

Berechnen Sie die Farbe zwischen zwei Farben, #DDBAFF und #8C4DCE. Bei der Berechnung von RGB-Werten ist die Sättigung zwischen den verschiedenen Farben niedrig. Bei der Berechnung der HSV-Werte ist die Sättigung zwischen den verschiedenen Farben nicht niedrig.

RGB-Mischung (linear)

#DDBAFF - #8C4DCE | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem RGB-Wert. Bei Farben, die voneinander entfernt sind, verringert sich die Sättigung zwischen den beiden Farben. Erweitern Sie die Farbe zwischen zwei Farben mit #DDBAFF als 0% und #8C4DCE als 100%.

0.0%	0.0% #DDBAFF	RGB 221 186 255	#DDBAFF
16.7%	16.7% #CFA7F6	RGB 207 167 246	#CFA7F6
33.3%	33.3% #C295EE	RGB 194 149 238	#C295EE
50.0%	50.0% #B483E6	RGB 180 131 230	#B483E6
66.7%	66.7% #A771DE	RGB 167 113 222	#A771DE
83.3%	83.3% #995FD6	RGB 153 95 214	#995FD6
100.0%	100.0% #8C4DCE	RGB 140 77 206	#8C4DCE

#DDBAFF #CFA7F6 #C295EE #B483E6 #A771DE #995FD6 #8C4DCE

#DDBAFF - #8C4DCE

HSV-Mischung

#DDBAFF - #8C4DCE | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem HSV-Wert. Selbst zwischen verschiedenen Farbfarben nimmt die Sättigung zwischen den zwei Farben nicht ab. Erweitern Sie die Farbe zwischen zwei Farben mit #DDBAFF als 0% und #8C4DCE als 100%.

0.0%	0.0% #DDBAFF	RGB 221 186 255	#DDBAFF
16.7%	16.7% #CEA5F6	RGB 206 165 246	#CEA5F6
33.3%	33.3% #C091EE	RGB 192 145 238	#C091EE
50.0%	50.0% #B27FE6	RGB 178 127 230	#B27FE6
66.7%	66.7% #A56DDE	RGB 165 109 222	#A56DDE
83.3%	83.3% #985CD6	RGB 152 92 214	#985CD6
100.0%	100.0% #8C4DCE	RGB 140 77 206	#8C4DCE

#DDBAFF #CEA5F6 #C091EE #B27FE6 #A56DDE #985CD6 #8C4DCE

#DDBAFF - #B27FE6 - #8C4DCE

CSS-Codes

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

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