#8C8F7D - #6A672A | 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 #8C8F7D mit #6A672A

#8C8F7D #6A672A

Berechnen Sie die Farbe zwischen zwei Farben, #8C8F7D und #6A672A. 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)

#8C8F7D - #6A672A | 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 #8C8F7D als 0% und #6A672A als 100%.

0.0%	0.0% #8C8F7D	RGB 140 143 125	#8C8F7D
16.7%	16.7% #86886F	RGB 134 136 111	#86886F
33.3%	33.3% #808161	RGB 128 129 97	#808161
50.0%	50.0% #7B7B53	RGB 123 123 83	#7B7B53
66.7%	66.7% #757445	RGB 117 116 69	#757445
83.3%	83.3% #6F6D37	RGB 111 109 55	#6F6D37
100.0%	100.0% #6A672A	RGB 106 103 42	#6A672A

#8C8F7D #86886F #808161 #7B7B53 #757445 #6F6D37 #6A672A

#8C8F7D - #6A672A

HSV-Mischung

#8C8F7D - #6A672A | 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 #8C8F7D als 0% und #6A672A als 100%.

0.0%	0.0% #8C8F7D	RGB 140 143 125	#8C8F7D
16.7%	16.7% #85886C	RGB 133 136 108	#85886C
33.3%	33.3% #7F825D	RGB 127 130 93	#7F825D
50.0%	50.0% #797C4F	RGB 121 124 79	#797C4F
66.7%	66.7% #757641	RGB 117 118 65	#757641
83.3%	83.3% #706F35	RGB 112 111 53	#706F35
100.0%	100.0% #6A672A	RGB 106 103 42	#6A672A

#8C8F7D #85886C #7F825D #797C4F #757641 #706F35 #6A672A

#8C8F7D - #797C4F - #6A672A

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8F7D 0%, #797C4F 50%, #6A672A 100%);
    background: -webkit-linear-gradient(top, #8C8F7D 0%, #797C4F 50%, #6A672A 100%);
    background: linear-gradient(to bottom, #8C8F7D 0%, #797C4F 50%, #6A672A 100%);
}
</style>