#5E5E8D - #AD82EF | 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 #5E5E8D mit #AD82EF

#5E5E8D #AD82EF

Berechnen Sie die Farbe zwischen zwei Farben, #5E5E8D und #AD82EF. 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)

#5E5E8D - #AD82EF | 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 #5E5E8D als 0% und #AD82EF als 100%.

0.0%	0.0% #5E5E8D	RGB 94 94 141	#5E5E8D
16.7%	16.7% #6B649D	RGB 107 100 157	#6B649D
33.3%	33.3% #786AAD	RGB 120 106 173	#786AAD
50.0%	50.0% #8570BE	RGB 133 112 190	#8570BE
66.7%	66.7% #9276CE	RGB 146 118 206	#9276CE
83.3%	83.3% #9F7CDE	RGB 159 124 222	#9F7CDE
100.0%	100.0% #AD82EF	RGB 173 130 239	#AD82EF

#5E5E8D #6B649D #786AAD #8570BE #9276CE #9F7CDE #AD82EF

#5E5E8D - #AD82EF

HSV-Mischung

#5E5E8D - #AD82EF | 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 #5E5E8D als 0% und #AD82EF als 100%.

0.0%	0.0% #5E5E8D	RGB 94 94 141	#5E5E8D
16.7%	16.7% #69659D	RGB 105 101 157	#69659D
33.3%	33.3% #756CAD	RGB 117 108 173	#756CAD
50.0%	50.0% #8173BE	RGB 129 115 190	#8173BE
66.7%	66.7% #8F78CE	RGB 143 120 206	#8F78CE
83.3%	83.3% #9D7DDE	RGB 157 125 222	#9D7DDE
100.0%	100.0% #AD82EF	RGB 173 130 239	#AD82EF

#5E5E8D #69659D #756CAD #8173BE #8F78CE #9D7DDE #AD82EF

#5E5E8D - #8173BE - #AD82EF

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E8D 0%, #8173BE 50%, #AD82EF 100%);
    background: -webkit-linear-gradient(top, #5E5E8D 0%, #8173BE 50%, #AD82EF 100%);
    background: linear-gradient(to bottom, #5E5E8D 0%, #8173BE 50%, #AD82EF 100%);
}
</style>