#5E637E - #B5A49B | 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 #5E637E mit #B5A49B

#5E637E #B5A49B

Berechnen Sie die Farbe zwischen zwei Farben, #5E637E und #B5A49B. 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)

#5E637E - #B5A49B | 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 #5E637E als 0% und #B5A49B als 100%.

0.0%	0.0% #5E637E	RGB 94 99 126	#5E637E
16.7%	16.7% #6C6D82	RGB 108 109 130	#6C6D82
33.3%	33.3% #7B7887	RGB 123 120 135	#7B7887
50.0%	50.0% #89838C	RGB 137 131 140	#89838C
66.7%	66.7% #988E91	RGB 152 142 145	#988E91
83.3%	83.3% #A69996	RGB 166 153 150	#A69996
100.0%	100.0% #B5A49B	RGB 181 164 155	#B5A49B

#5E637E #6C6D82 #7B7887 #89838C #988E91 #A69996 #B5A49B

#5E637E - #B5A49B

HSV-Mischung

#5E637E - #B5A49B | 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 #5E637E als 0% und #B5A49B als 100%.

0.0%	0.0% #5E637E	RGB 94 99 126	#5E637E
16.7%	16.7% #6F6787	RGB 111 103 135	#6F6787
33.3%	33.3% #867090	RGB 134 112 144	#867090
50.0%	50.0% #997A96	RGB 153 122 150	#997A96
66.7%	66.7% #A28593	RGB 162 133 147	#A28593
83.3%	83.3% #AB8F91	RGB 171 143 145	#AB8F91
100.0%	100.0% #B5A49B	RGB 181 164 155	#B5A49B

#5E637E #6F6787 #867090 #997A96 #A28593 #AB8F91 #B5A49B

#5E637E - #997A96 - #B5A49B

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E637E 0%, #997A96 50%, #B5A49B 100%);
    background: -webkit-linear-gradient(top, #5E637E 0%, #997A96 50%, #B5A49B 100%);
    background: linear-gradient(to bottom, #5E637E 0%, #997A96 50%, #B5A49B 100%);
}
</style>