#AFA6A8 - #B2FFB5 | 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 #AFA6A8 mit #B2FFB5

#AFA6A8 #B2FFB5

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

#AFA6A8 - #B2FFB5 | 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 #AFA6A8 als 0% und #B2FFB5 als 100%.

0.0%	0.0% #AFA6A8	RGB 175 166 168	#AFA6A8
16.7%	16.7% #AFB4AA	RGB 175 180 170	#AFB4AA
33.3%	33.3% #B0C3AC	RGB 176 195 172	#B0C3AC
50.0%	50.0% #B0D2AE	RGB 176 210 174	#B0D2AE
66.7%	66.7% #B1E1B0	RGB 177 225 176	#B1E1B0
83.3%	83.3% #B1F0B2	RGB 177 240 178	#B1F0B2
100.0%	100.0% #B2FFB5	RGB 178 255 181	#B2FFB5

#AFA6A8 #AFB4AA #B0C3AC #B0D2AE #B1E1B0 #B1F0B2 #B2FFB5

#AFA6A8 - #B2FFB5

HSV-Mischung

#AFA6A8 - #B2FFB5 | 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 #AFA6A8 als 0% und #B2FFB5 als 100%.

0.0%	0.0% #AFA6A8	RGB 175 166 168	#AFA6A8
16.7%	16.7% #BCADAA	RGB 188 173 170	#BCADAA
33.3%	33.3% #C9BCAE	RGB 201 188 174	#C9BCAE
50.0%	50.0% #D7D3B1	RGB 215 211 177	#D7D3B1
66.7%	66.7% #D6E4B2	RGB 214 228 178	#D6E4B2
83.3%	83.3% #C8F1B2	RGB 200 241 178	#C8F1B2
100.0%	100.0% #B2FFB5	RGB 178 255 181	#B2FFB5

#AFA6A8 #BCADAA #C9BCAE #D7D3B1 #D6E4B2 #C8F1B2 #B2FFB5

#AFA6A8 - #D7D3B1 - #B2FFB5

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFA6A8 0%, #D7D3B1 50%, #B2FFB5 100%);
    background: -webkit-linear-gradient(top, #AFA6A8 0%, #D7D3B1 50%, #B2FFB5 100%);
    background: linear-gradient(to bottom, #AFA6A8 0%, #D7D3B1 50%, #B2FFB5 100%);
}
</style>