#8CFEB5 - #38EB6D | 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 #8CFEB5 mit #38EB6D

#8CFEB5 #38EB6D

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

#8CFEB5 - #38EB6D | 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 #8CFEB5 als 0% und #38EB6D als 100%.

0.0%	0.0% #8CFEB5	RGB 140 254 181	#8CFEB5
16.7%	16.7% #7EFAA9	RGB 126 250 169	#7EFAA9
33.3%	33.3% #70F79D	RGB 112 247 157	#70F79D
50.0%	50.0% #62F491	RGB 98 244 145	#62F491
66.7%	66.7% #54F185	RGB 84 241 133	#54F185
83.3%	83.3% #46EE79	RGB 70 238 121	#46EE79
100.0%	100.0% #38EB6D	RGB 56 235 109	#38EB6D

#8CFEB5 #7EFAA9 #70F79D #62F491 #54F185 #46EE79 #38EB6D

#8CFEB5 - #38EB6D

HSV-Mischung

#8CFEB5 - #38EB6D | 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 #8CFEB5 als 0% und #38EB6D als 100%.

0.0%	0.0% #8CFEB5	RGB 140 254 181	#8CFEB5
16.7%	16.7% #7DFAA9	RGB 125 250 169	#7DFAA9
33.3%	33.3% #6EF79D	RGB 110 247 157	#6EF79D
50.0%	50.0% #60F491	RGB 96 244 145	#60F491
66.7%	66.7% #52F185	RGB 82 241 133	#52F185
83.3%	83.3% #45EE79	RGB 69 238 121	#45EE79
100.0%	100.0% #38EB6D	RGB 56 235 109	#38EB6D

#8CFEB5 #7DFAA9 #6EF79D #60F491 #52F185 #45EE79 #38EB6D

#8CFEB5 - #60F491 - #38EB6D

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CFEB5 0%, #60F491 50%, #38EB6D 100%);
    background: -webkit-linear-gradient(top, #8CFEB5 0%, #60F491 50%, #38EB6D 100%);
    background: linear-gradient(to bottom, #8CFEB5 0%, #60F491 50%, #38EB6D 100%);
}
</style>