#5E2D4C - #C47372 | 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 #5E2D4C mit #C47372

#5E2D4C #C47372

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

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

0.0%	0.0% #5E2D4C	RGB 94 45 76	#5E2D4C
16.7%	16.7% #6F3852	RGB 111 56 82	#6F3852
33.3%	33.3% #804458	RGB 128 68 88	#804458
50.0%	50.0% #91505F	RGB 145 80 95	#91505F
66.7%	66.7% #A25B65	RGB 162 91 101	#A25B65
83.3%	83.3% #B3676B	RGB 179 103 107	#B3676B
100.0%	100.0% #C47372	RGB 196 115 114	#C47372

#5E2D4C #6F3852 #804458 #91505F #A25B65 #B3676B #C47372

#5E2D4C - #C47372

HSV-Mischung

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

0.0%	0.0% #5E2D4B	RGB 94 45 75	#5E2D4B
16.7%	16.7% #6F3754	RGB 111 55 84	#6F3754
33.3%	33.3% #80415B	RGB 128 65 91	#80415B
50.0%	50.0% #914C62	RGB 145 76 98	#914C62
66.7%	66.7% #A25867	RGB 162 88 103	#A25867
83.3%	83.3% #B3656C	RGB 179 101 108	#B3656C
100.0%	100.0% #C47372	RGB 196 115 114	#C47372

#5E2D4B #6F3754 #80415B #914C62 #A25867 #B3656C #C47372

#5E2D4C - #914C62 - #C47372

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D4B 0%, #914C62 50%, #C47372 100%);
    background: -webkit-linear-gradient(top, #5E2D4B 0%, #914C62 50%, #C47372 100%);
    background: linear-gradient(to bottom, #5E2D4B 0%, #914C62 50%, #C47372 100%);
}
</style>