#3D3732 - #C7C5C4 | 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 #3D3732 mit #C7C5C4

#3D3732 #C7C5C4

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

#3D3732 - #C7C5C4 | 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 #3D3732 als 0% und #C7C5C4 als 100%.

0.0%	0.0% #3D3732	RGB 61 55 50	#3D3732
16.7%	16.7% #544E4A	RGB 84 78 74	#544E4A
33.3%	33.3% #6B6662	RGB 107 102 98	#6B6662
50.0%	50.0% #827E7B	RGB 130 126 123	#827E7B
66.7%	66.7% #999593	RGB 153 149 147	#999593
83.3%	83.3% #B0ADAB	RGB 176 173 171	#B0ADAB
100.0%	100.0% #C7C5C4	RGB 199 197 196	#C7C5C4

#3D3732 #544E4A #6B6662 #827E7B #999593 #B0ADAB #C7C5C4

#3D3732 - #C7C5C4

HSV-Mischung

#3D3732 - #C7C5C4 | 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 #3D3732 als 0% und #C7C5C4 als 100%.

0.0%	0.0% #3D3732	RGB 61 55 50	#3D3732
16.7%	16.7% #544C47	RGB 84 76 71	#544C47
33.3%	33.3% #6B635D	RGB 107 99 93	#6B635D
50.0%	50.0% #827A75	RGB 130 122 117	#827A75
66.7%	66.7% #99928E	RGB 153 146 142	#99928E
83.3%	83.3% #B0ABA8	RGB 176 171 168	#B0ABA8
100.0%	100.0% #C7C5C4	RGB 199 197 196	#C7C5C4

#3D3732 #544C47 #6B635D #827A75 #99928E #B0ABA8 #C7C5C4

#3D3732 - #827A75 - #C7C5C4

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3732 0%, #827A75 50%, #C7C5C4 100%);
    background: -webkit-linear-gradient(top, #3D3732 0%, #827A75 50%, #C7C5C4 100%);
    background: linear-gradient(to bottom, #3D3732 0%, #827A75 50%, #C7C5C4 100%);
}
</style>