#B0DF5E - #6BB41E | 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 #B0DF5E mit #6BB41E

#B0DF5E #6BB41E

Berechnen Sie die Farbe zwischen zwei Farben, #B0DF5E und #6BB41E. 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)

#B0DF5E - #6BB41E | 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 #B0DF5E als 0% und #6BB41E als 100%.

0.0%	0.0% #B0DF5E	RGB 176 223 94	#B0DF5E
16.7%	16.7% #A4D753	RGB 164 215 83	#A4D753
33.3%	33.3% #99D048	RGB 153 208 72	#99D048
50.0%	50.0% #8DC93E	RGB 141 201 62	#8DC93E
66.7%	66.7% #82C233	RGB 130 194 51	#82C233
83.3%	83.3% #76BB28	RGB 118 187 40	#76BB28
100.0%	100.0% #6BB41E	RGB 107 180 30	#6BB41E

#B0DF5E #A4D753 #99D048 #8DC93E #82C233 #76BB28 #6BB41E

#B0DF5E - #6BB41E

HSV-Mischung

#B0DF5E - #6BB41E | 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 #B0DF5E als 0% und #6BB41E als 100%.

0.0%	0.0% #B0DF5E	RGB 176 223 94	#B0DF5E
16.7%	16.7% #A4D751	RGB 164 215 81	#A4D751
33.3%	33.3% #98D046	RGB 152 208 70	#98D046
50.0%	50.0% #8CC93B	RGB 140 201 59	#8CC93B
66.7%	66.7% #81C230	RGB 129 194 48	#81C230
83.3%	83.3% #76BB27	RGB 118 187 39	#76BB27
100.0%	100.0% #6BB41E	RGB 107 180 30	#6BB41E

#B0DF5E #A4D751 #98D046 #8CC93B #81C230 #76BB27 #6BB41E

#B0DF5E - #8CC93B - #6BB41E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0DF5E 0%, #8CC93B 50%, #6BB41E 100%);
    background: -webkit-linear-gradient(top, #B0DF5E 0%, #8CC93B 50%, #6BB41E 100%);
    background: linear-gradient(to bottom, #B0DF5E 0%, #8CC93B 50%, #6BB41E 100%);
}
</style>