#AF8889 - #733D3C | 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 #AF8889 mit #733D3C

#AF8889 #733D3C

Berechnen Sie die Farbe zwischen zwei Farben, #AF8889 und #733D3C. 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)

#AF8889 - #733D3C | 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 #AF8889 als 0% und #733D3C als 100%.

0.0%	0.0% #AF8889	RGB 175 136 137	#AF8889
16.7%	16.7% #A57B7C	RGB 165 123 124	#A57B7C
33.3%	33.3% #9B6F6F	RGB 155 111 111	#9B6F6F
50.0%	50.0% #916262	RGB 145 98 98	#916262
66.7%	66.7% #875655	RGB 135 86 85	#875655
83.3%	83.3% #7D4948	RGB 125 73 72	#7D4948
100.0%	100.0% #733D3C	RGB 115 61 60	#733D3C

#AF8889 #A57B7C #9B6F6F #916262 #875655 #7D4948 #733D3C

#AF8889 - #733D3C

HSV-Mischung

#AF8889 - #733D3C | 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 #AF8889 als 0% und #733D3C als 100%.

0.0%	0.0% #AF8889	RGB 175 136 137	#AF8889
16.7%	16.7% #A5797A	RGB 165 121 122	#A5797A
33.3%	33.3% #9B6B6B	RGB 155 107 107	#9B6B6B
50.0%	50.0% #915E5E	RGB 145 94 94	#915E5E
66.7%	66.7% #875251	RGB 135 82 81	#875251
83.3%	83.3% #7D4746	RGB 125 71 70	#7D4746
100.0%	100.0% #733D3C	RGB 115 61 60	#733D3C

#AF8889 #A5797A #9B6B6B #915E5E #875251 #7D4746 #733D3C

#AF8889 - #915E5E - #733D3C

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF8889 0%, #915E5E 50%, #733D3C 100%);
    background: -webkit-linear-gradient(top, #AF8889 0%, #915E5E 50%, #733D3C 100%);
    background: linear-gradient(to bottom, #AF8889 0%, #915E5E 50%, #733D3C 100%);
}
</style>