#AD3E5E - #31111A | 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 #AD3E5E mit #31111A

#AD3E5E #31111A

Berechnen Sie die Farbe zwischen zwei Farben, #AD3E5E und #31111A. 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)

#AD3E5E - #31111A | 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 #AD3E5E als 0% und #31111A als 100%.

0.0%	0.0% #AD3E5E	RGB 173 62 94	#AD3E5E
16.7%	16.7% #983652	RGB 152 54 82	#983652
33.3%	33.3% #832F47	RGB 131 47 71	#832F47
50.0%	50.0% #6F273C	RGB 111 39 60	#6F273C
66.7%	66.7% #5A2030	RGB 90 32 48	#5A2030
83.3%	83.3% #451825	RGB 69 24 37	#451825
100.0%	100.0% #31111A	RGB 49 17 26	#31111A

#AD3E5E #983652 #832F47 #6F273C #5A2030 #451825 #31111A

#AD3E5E - #31111A

HSV-Mischung

#AD3E5E - #31111A | 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 #AD3E5E als 0% und #31111A als 100%.

0.0%	0.0% #AD3E5D	RGB 173 62 93	#AD3E5D
16.7%	16.7% #983652	RGB 152 54 82	#983652
33.3%	33.3% #832E46	RGB 131 46 70	#832E46
50.0%	50.0% #6F273B	RGB 111 39 59	#6F273B
66.7%	66.7% #5A1F30	RGB 90 31 48	#5A1F30
83.3%	83.3% #451825	RGB 69 24 37	#451825
100.0%	100.0% #31111A	RGB 49 17 26	#31111A

#AD3E5D #983652 #832E46 #6F273B #5A1F30 #451825 #31111A

#AD3E5E - #6F273B - #31111A

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD3E5D 0%, #6F273B 50%, #31111A 100%);
    background: -webkit-linear-gradient(top, #AD3E5D 0%, #6F273B 50%, #31111A 100%);
    background: linear-gradient(to bottom, #AD3E5D 0%, #6F273B 50%, #31111A 100%);
}
</style>