#4D3C5E - #789DA4 | 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 #4D3C5E mit #789DA4

#4D3C5E #789DA4

Berechnen Sie die Farbe zwischen zwei Farben, #4D3C5E und #789DA4. 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)

#4D3C5E - #789DA4 | 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 #4D3C5E als 0% und #789DA4 als 100%.

0.0%	0.0% #4D3C5E	RGB 77 60 94	#4D3C5E
16.7%	16.7% #544C69	RGB 84 76 105	#544C69
33.3%	33.3% #5B5C75	RGB 91 92 117	#5B5C75
50.0%	50.0% #626C81	RGB 98 108 129	#626C81
66.7%	66.7% #697C8C	RGB 105 124 140	#697C8C
83.3%	83.3% #708C98	RGB 112 140 152	#708C98
100.0%	100.0% #789DA4	RGB 120 157 164	#789DA4

#4D3C5E #544C69 #5B5C75 #626C81 #697C8C #708C98 #789DA4

#4D3C5E - #789DA4

HSV-Mischung

#4D3C5E - #789DA4 | 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 #4D3C5E als 0% und #789DA4 als 100%.

0.0%	0.0% #4D3C5E	RGB 77 60 94	#4D3C5E
16.7%	16.7% #4F4569	RGB 79 69 105	#4F4569
33.3%	33.3% #504E75	RGB 80 78 117	#504E75
50.0%	50.0% #585F81	RGB 88 95 129	#585F81
66.7%	66.7% #62738C	RGB 98 115 140	#62738C
83.3%	83.3% #6D8798	RGB 109 135 152	#6D8798
100.0%	100.0% #789DA4	RGB 120 157 164	#789DA4

#4D3C5E #4F4569 #504E75 #585F81 #62738C #6D8798 #789DA4

#4D3C5E - #585F81 - #789DA4

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3C5E 0%, #585F81 50%, #789DA4 100%);
    background: -webkit-linear-gradient(top, #4D3C5E 0%, #585F81 50%, #789DA4 100%);
    background: linear-gradient(to bottom, #4D3C5E 0%, #585F81 50%, #789DA4 100%);
}
</style>