#9FBCB7 - #3A847E | 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 #9FBCB7 mit #3A847E

#9FBCB7 #3A847E

Berechnen Sie die Farbe zwischen zwei Farben, #9FBCB7 und #3A847E. 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)

#9FBCB7 - #3A847E | 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 #9FBCB7 als 0% und #3A847E als 100%.

0.0%	0.0% #9FBCB7	RGB 159 188 183	#9FBCB7
16.7%	16.7% #8EB2AD	RGB 142 178 173	#8EB2AD
33.3%	33.3% #7DA9A4	RGB 125 169 164	#7DA9A4
50.0%	50.0% #6CA09A	RGB 108 160 154	#6CA09A
66.7%	66.7% #5B9691	RGB 91 150 145	#5B9691
83.3%	83.3% #4A8D87	RGB 74 141 135	#4A8D87
100.0%	100.0% #3A847E	RGB 58 132 126	#3A847E

#9FBCB7 #8EB2AD #7DA9A4 #6CA09A #5B9691 #4A8D87 #3A847E

#9FBCB7 - #3A847E

HSV-Mischung

#9FBCB7 - #3A847E | 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 #9FBCB7 als 0% und #3A847E als 100%.

0.0%	0.0% #9FBCB7	RGB 159 188 183	#9FBCB7
16.7%	16.7% #8BB2AC	RGB 139 178 172	#8BB2AC
33.3%	33.3% #78A9A2	RGB 120 169 162	#78A9A2
50.0%	50.0% #66A098	RGB 102 160 152	#66A098
66.7%	66.7% #56968F	RGB 86 150 143	#56968F
83.3%	83.3% #478D86	RGB 71 141 134	#478D86
100.0%	100.0% #3A847E	RGB 58 132 126	#3A847E

#9FBCB7 #8BB2AC #78A9A2 #66A098 #56968F #478D86 #3A847E

#9FBCB7 - #66A098 - #3A847E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FBCB7 0%, #66A098 50%, #3A847E 100%);
    background: -webkit-linear-gradient(top, #9FBCB7 0%, #66A098 50%, #3A847E 100%);
    background: linear-gradient(to bottom, #9FBCB7 0%, #66A098 50%, #3A847E 100%);
}
</style>