#31231C - #695E5E | 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 #31231C mit #695E5E

#31231C #695E5E

Berechnen Sie die Farbe zwischen zwei Farben, #31231C und #695E5E. 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)

#31231C - #695E5E | 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 #31231C als 0% und #695E5E als 100%.

0.0%	0.0% #31231C	RGB 49 35 28	#31231C
16.7%	16.7% #3A2C27	RGB 58 44 39	#3A2C27
33.3%	33.3% #433632	RGB 67 54 50	#433632
50.0%	50.0% #4D403D	RGB 77 64 61	#4D403D
66.7%	66.7% #564A48	RGB 86 74 72	#564A48
83.3%	83.3% #5F5453	RGB 95 84 83	#5F5453
100.0%	100.0% #695E5E	RGB 105 94 94	#695E5E

#31231C #3A2C27 #433632 #4D403D #564A48 #5F5453 #695E5E

#31231C - #695E5E

HSV-Mischung

#31231C - #695E5E | 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 #31231C als 0% und #695E5E als 100%.

0.0%	0.0% #31231C	RGB 49 35 28	#31231C
16.7%	16.7% #3A2A24	RGB 58 42 36	#3A2A24
33.3%	33.3% #43322D	RGB 67 50 45	#43322D
50.0%	50.0% #4D3B38	RGB 77 59 56	#4D3B38
66.7%	66.7% #564643	RGB 86 70 67	#564643
83.3%	83.3% #5F5150	RGB 95 81 80	#5F5150
100.0%	100.0% #695E5E	RGB 105 94 94	#695E5E

#31231C #3A2A24 #43322D #4D3B38 #564643 #5F5150 #695E5E

#31231C - #4D3B38 - #695E5E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31231C 0%, #4D3B38 50%, #695E5E 100%);
    background: -webkit-linear-gradient(top, #31231C 0%, #4D3B38 50%, #695E5E 100%);
    background: linear-gradient(to bottom, #31231C 0%, #4D3B38 50%, #695E5E 100%);
}
</style>