#5E5E86 - #ADA0A2 | 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 #5E5E86 mit #ADA0A2

#5E5E86 #ADA0A2

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

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

0.0%	0.0% #5E5E86	RGB 94 94 134	#5E5E86
16.7%	16.7% #6B698A	RGB 107 105 138	#6B698A
33.3%	33.3% #78748F	RGB 120 116 143	#78748F
50.0%	50.0% #857F94	RGB 133 127 148	#857F94
66.7%	66.7% #928A98	RGB 146 138 152	#928A98
83.3%	83.3% #9F959D	RGB 159 149 157	#9F959D
100.0%	100.0% #ADA0A2	RGB 173 160 162	#ADA0A2

#5E5E86 #6B698A #78748F #857F94 #928A98 #9F959D #ADA0A2

#5E5E86 - #ADA0A2

HSV-Mischung

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

0.0%	0.0% #5E5E86	RGB 94 94 134	#5E5E86
16.7%	16.7% #73678C	RGB 115 103 140	#73678C
33.3%	33.3% #867293	RGB 134 114 147	#867293
50.0%	50.0% #977C99	RGB 151 124 153	#977C99
66.7%	66.7% #A0889A	RGB 160 136 154	#A0889A
83.3%	83.3% #A6939C	RGB 166 147 156	#A6939C
100.0%	100.0% #ADA0A2	RGB 173 160 162	#ADA0A2

#5E5E86 #73678C #867293 #977C99 #A0889A #A6939C #ADA0A2

#5E5E86 - #977C99 - #ADA0A2

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E86 0%, #977C99 50%, #ADA0A2 100%);
    background: -webkit-linear-gradient(top, #5E5E86 0%, #977C99 50%, #ADA0A2 100%);
    background: linear-gradient(to bottom, #5E5E86 0%, #977C99 50%, #ADA0A2 100%);
}
</style>