#5E608C - #ADA2A8 | 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 #5E608C mit #ADA2A8

#5E608C #ADA2A8

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

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

0.0%	0.0% #5E608C	RGB 94 96 140	#5E608C
16.7%	16.7% #6B6B90	RGB 107 107 144	#6B6B90
33.3%	33.3% #787695	RGB 120 118 149	#787695
50.0%	50.0% #85819A	RGB 133 129 154	#85819A
66.7%	66.7% #928C9E	RGB 146 140 158	#928C9E
83.3%	83.3% #9F97A3	RGB 159 151 163	#9F97A3
100.0%	100.0% #ADA2A8	RGB 173 162 168	#ADA2A8

#5E608C #6B6B90 #787695 #85819A #928C9E #9F97A3 #ADA2A8

#5E608C - #ADA2A8

HSV-Mischung

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

0.0%	0.0% #5E608C	RGB 94 96 140	#5E608C
16.7%	16.7% #706891	RGB 112 104 145	#706891
33.3%	33.3% #837297	RGB 131 114 151	#837297
50.0%	50.0% #937D9C	RGB 147 125 156	#937D9C
66.7%	66.7% #A089A2	RGB 160 137 162	#A089A2
83.3%	83.3% #A795A3	RGB 167 149 163	#A795A3
100.0%	100.0% #ADA2A8	RGB 173 162 168	#ADA2A8

#5E608C #706891 #837297 #937D9C #A089A2 #A795A3 #ADA2A8

#5E608C - #937D9C - #ADA2A8

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E608C 0%, #937D9C 50%, #ADA2A8 100%);
    background: -webkit-linear-gradient(top, #5E608C 0%, #937D9C 50%, #ADA2A8 100%);
    background: linear-gradient(to bottom, #5E608C 0%, #937D9C 50%, #ADA2A8 100%);
}
</style>