#3D5E2F - #828E7E | 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 #3D5E2F mit #828E7E

#3D5E2F #828E7E

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

#3D5E2F - #828E7E | 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 #3D5E2F als 0% und #828E7E als 100%.

0.0%	0.0% #3D5E2F	RGB 61 94 47	#3D5E2F
16.7%	16.7% #48663C	RGB 72 102 60	#48663C
33.3%	33.3% #546E49	RGB 84 110 73	#546E49
50.0%	50.0% #5F7656	RGB 95 118 86	#5F7656
66.7%	66.7% #6B7E63	RGB 107 126 99	#6B7E63
83.3%	83.3% #768670	RGB 118 134 112	#768670
100.0%	100.0% #828E7E	RGB 130 142 126	#828E7E

#3D5E2F #48663C #546E49 #5F7656 #6B7E63 #768670 #828E7E

#3D5E2F - #828E7E

HSV-Mischung

#3D5E2F - #828E7E | 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 #3D5E2F als 0% und #828E7E als 100%.

0.0%	0.0% #3D5E2F	RGB 61 94 47	#3D5E2F
16.7%	16.7% #466639	RGB 70 102 57	#466639
33.3%	33.3% #506E45	RGB 80 110 69	#506E45
50.0%	50.0% #5B7651	RGB 91 118 81	#5B7651
66.7%	66.7% #677E5F	RGB 103 126 95	#677E5F
83.3%	83.3% #74866E	RGB 116 134 110	#74866E
100.0%	100.0% #828E7E	RGB 130 142 126	#828E7E

#3D5E2F #466639 #506E45 #5B7651 #677E5F #74866E #828E7E

#3D5E2F - #5B7651 - #828E7E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E2F 0%, #5B7651 50%, #828E7E 100%);
    background: -webkit-linear-gradient(top, #3D5E2F 0%, #5B7651 50%, #828E7E 100%);
    background: linear-gradient(to bottom, #3D5E2F 0%, #5B7651 50%, #828E7E 100%);
}
</style>