#3E5E4C - #AB938F | 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 #3E5E4C mit #AB938F

#3E5E4C #AB938F

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

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

0.0%	0.0% #3E5E4C	RGB 62 94 76	#3E5E4C
16.7%	16.7% #506657	RGB 80 102 87	#506657
33.3%	33.3% #626F62	RGB 98 111 98	#626F62
50.0%	50.0% #74786D	RGB 116 120 109	#74786D
66.7%	66.7% #868178	RGB 134 129 120	#868178
83.3%	83.3% #988A83	RGB 152 138 131	#988A83
100.0%	100.0% #AB938F	RGB 171 147 143	#AB938F

#3E5E4C #506657 #626F62 #74786D #868178 #988A83 #AB938F

#3E5E4C - #AB938F

HSV-Mischung

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

0.0%	0.0% #3E5E4C	RGB 62 94 76	#3E5E4C
16.7%	16.7% #496A4B	RGB 73 106 75	#496A4B
33.3%	33.3% #617755	RGB 97 119 85	#617755
50.0%	50.0% #7A8463	RGB 122 132 99	#7A8463
66.7%	66.7% #918E70	RGB 145 142 112	#918E70
83.3%	83.3% #9E8F7F	RGB 158 143 127	#9E8F7F
100.0%	100.0% #AB938F	RGB 171 147 143	#AB938F

#3E5E4C #496A4B #617755 #7A8463 #918E70 #9E8F7F #AB938F

#3E5E4C - #7A8463 - #AB938F

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4C 0%, #7A8463 50%, #AB938F 100%);
    background: -webkit-linear-gradient(top, #3E5E4C 0%, #7A8463 50%, #AB938F 100%);
    background: linear-gradient(to bottom, #3E5E4C 0%, #7A8463 50%, #AB938F 100%);
}
</style>