#B5BBC1 - #606C7E | 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 #B5BBC1 mit #606C7E

#B5BBC1 #606C7E

Berechnen Sie die Farbe zwischen zwei Farben, #B5BBC1 und #606C7E. 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)

#B5BBC1 - #606C7E | 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 #B5BBC1 als 0% und #606C7E als 100%.

0.0%	0.0% #B5BBC1	RGB 181 187 193	#B5BBC1
16.7%	16.7% #A6ADB5	RGB 166 173 181	#A6ADB5
33.3%	33.3% #98A0AA	RGB 152 160 170	#98A0AA
50.0%	50.0% #8A939F	RGB 138 147 159	#8A939F
66.7%	66.7% #7C8694	RGB 124 134 148	#7C8694
83.3%	83.3% #6E7989	RGB 110 121 137	#6E7989
100.0%	100.0% #606C7E	RGB 96 108 126	#606C7E

#B5BBC1 #A6ADB5 #98A0AA #8A939F #7C8694 #6E7989 #606C7E

#B5BBC1 - #606C7E

HSV-Mischung

#B5BBC1 - #606C7E | 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 #B5BBC1 als 0% und #606C7E als 100%.

0.0%	0.0% #B5BBC1	RGB 181 187 193	#B5BBC1
16.7%	16.7% #A5ADB5	RGB 165 173 181	#A5ADB5
33.3%	33.3% #969FAA	RGB 150 159 170	#969FAA
50.0%	50.0% #87929F	RGB 135 146 159	#87929F
66.7%	66.7% #798594	RGB 121 133 148	#798594
83.3%	83.3% #6C7889	RGB 108 120 137	#6C7889
100.0%	100.0% #606C7E	RGB 96 108 126	#606C7E

#B5BBC1 #A5ADB5 #969FAA #87929F #798594 #6C7889 #606C7E

#B5BBC1 - #87929F - #606C7E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5BBC1 0%, #87929F 50%, #606C7E 100%);
    background: -webkit-linear-gradient(top, #B5BBC1 0%, #87929F 50%, #606C7E 100%);
    background: linear-gradient(to bottom, #B5BBC1 0%, #87929F 50%, #606C7E 100%);
}
</style>