#BFD6B2 - #73AD5E | 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 #BFD6B2 mit #73AD5E

#BFD6B2 #73AD5E

Berechnen Sie die Farbe zwischen zwei Farben, #BFD6B2 und #73AD5E. 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)

#BFD6B2 - #73AD5E | 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 #BFD6B2 als 0% und #73AD5E als 100%.

0.0%	0.0% #BFD6B2	RGB 191 214 178	#BFD6B2
16.7%	16.7% #B2CFA4	RGB 178 207 164	#B2CFA4
33.3%	33.3% #A5C896	RGB 165 200 150	#A5C896
50.0%	50.0% #99C188	RGB 153 193 136	#99C188
66.7%	66.7% #8CBA7A	RGB 140 186 122	#8CBA7A
83.3%	83.3% #7FB36C	RGB 127 179 108	#7FB36C
100.0%	100.0% #73AD5E	RGB 115 173 94	#73AD5E

#BFD6B2 #B2CFA4 #A5C896 #99C188 #8CBA7A #7FB36C #73AD5E

#BFD6B2 - #73AD5E

HSV-Mischung

#BFD6B2 - #73AD5E | 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 #BFD6B2 als 0% und #73AD5E als 100%.

0.0%	0.0% #BFD6B2	RGB 191 214 178	#BFD6B2
16.7%	16.7% #B1CFA2	RGB 177 207 162	#B1CFA2
33.3%	33.3% #A4C893	RGB 164 200 147	#A4C893
50.0%	50.0% #97C185	RGB 151 193 133	#97C185
66.7%	66.7% #8BBA77	RGB 139 186 119	#8BBA77
83.3%	83.3% #7FB36A	RGB 127 179 106	#7FB36A
100.0%	100.0% #73AD5E	RGB 115 173 94	#73AD5E

#BFD6B2 #B1CFA2 #A4C893 #97C185 #8BBA77 #7FB36A #73AD5E

#BFD6B2 - #97C185 - #73AD5E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
    background: -webkit-linear-gradient(top, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
    background: linear-gradient(to bottom, #BFD6B2 0%, #97C185 50%, #73AD5E 100%);
}
</style>