#8D34AF - #DEC5E8 | 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 #8D34AF mit #DEC5E8

#8D34AF #DEC5E8

Berechnen Sie die Farbe zwischen zwei Farben, #8D34AF und #DEC5E8. 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)

#8D34AF - #DEC5E8 | 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 #8D34AF als 0% und #DEC5E8 als 100%.

0.0%	0.0% #8D34AF	RGB 141 52 175	#8D34AF
16.7%	16.7% #9A4CB8	RGB 154 76 184	#9A4CB8
33.3%	33.3% #A864C2	RGB 168 100 194	#A864C2
50.0%	50.0% #B57CCB	RGB 181 124 203	#B57CCB
66.7%	66.7% #C394D5	RGB 195 148 213	#C394D5
83.3%	83.3% #D0ACDE	RGB 208 172 222	#D0ACDE
100.0%	100.0% #DEC5E8	RGB 222 197 232	#DEC5E8

#8D34AF #9A4CB8 #A864C2 #B57CCB #C394D5 #D0ACDE #DEC5E8

#8D34AF - #DEC5E8

HSV-Mischung

#8D34AF - #DEC5E8 | 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 #8D34AF als 0% und #DEC5E8 als 100%.

0.0%	0.0% #8C34AF	RGB 140 52 175	#8C34AF
16.7%	16.7% #9947B8	RGB 153 71 184	#9947B8
33.3%	33.3% #A55DC2	RGB 165 93 194	#A55DC2
50.0%	50.0% #B374CB	RGB 179 116 203	#B374CB
66.7%	66.7% #C08DD5	RGB 192 141 213	#C08DD5
83.3%	83.3% #CFA8DE	RGB 207 168 222	#CFA8DE
100.0%	100.0% #DEC5E8	RGB 222 197 232	#DEC5E8

#8C34AF #9947B8 #A55DC2 #B374CB #C08DD5 #CFA8DE #DEC5E8

#8D34AF - #B374CB - #DEC5E8

CSS-Codes

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

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