#353D32 - #C5C7C4 | 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 #353D32 mit #C5C7C4

#353D32 #C5C7C4

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

#353D32 - #C5C7C4 | 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 #353D32 als 0% und #C5C7C4 als 100%.

0.0%	0.0% #353D32	RGB 53 61 50	#353D32
16.7%	16.7% #4D544A	RGB 77 84 74	#4D544A
33.3%	33.3% #656B62	RGB 101 107 98	#656B62
50.0%	50.0% #7D827B	RGB 125 130 123	#7D827B
66.7%	66.7% #959993	RGB 149 153 147	#959993
83.3%	83.3% #ADB0AB	RGB 173 176 171	#ADB0AB
100.0%	100.0% #C5C7C4	RGB 197 199 196	#C5C7C4

#353D32 #4D544A #656B62 #7D827B #959993 #ADB0AB #C5C7C4

#353D32 - #C5C7C4

HSV-Mischung

#353D32 - #C5C7C4 | 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 #353D32 als 0% und #C5C7C4 als 100%.

0.0%	0.0% #353D32	RGB 53 61 50	#353D32
16.7%	16.7% #4A5447	RGB 74 84 71	#4A5447
33.3%	33.3% #616B5D	RGB 97 107 93	#616B5D
50.0%	50.0% #798275	RGB 121 130 117	#798275
66.7%	66.7% #91998E	RGB 145 153 142	#91998E
83.3%	83.3% #AAB0A8	RGB 170 176 168	#AAB0A8
100.0%	100.0% #C5C7C4	RGB 197 199 196	#C5C7C4

#353D32 #4A5447 #616B5D #798275 #91998E #AAB0A8 #C5C7C4

#353D32 - #798275 - #C5C7C4

CSS-Codes

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

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