#EB6B9F - #431E2D | 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 #EB6B9F mit #431E2D

#EB6B9F #431E2D

Berechnen Sie die Farbe zwischen zwei Farben, #EB6B9F und #431E2D. 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)

#EB6B9F - #431E2D | 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 #EB6B9F als 0% und #431E2D als 100%.

0.0%	0.0% #EB6B9F	RGB 235 107 159	#EB6B9F
16.7%	16.7% #CF5E8C	RGB 207 94 140	#CF5E8C
33.3%	33.3% #B35179	RGB 179 81 121	#B35179
50.0%	50.0% #974466	RGB 151 68 102	#974466
66.7%	66.7% #7B3753	RGB 123 55 83	#7B3753
83.3%	83.3% #5F2A40	RGB 95 42 64	#5F2A40
100.0%	100.0% #431E2D	RGB 67 30 45	#431E2D

#EB6B9F #CF5E8C #B35179 #974466 #7B3753 #5F2A40 #431E2D

#EB6B9F - #431E2D

HSV-Mischung

#EB6B9F - #431E2D | 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 #EB6B9F als 0% und #431E2D als 100%.

0.0%	0.0% #EB6B9F	RGB 235 107 159	#EB6B9F
16.7%	16.7% #CF5D8B	RGB 207 93 139	#CF5D8B
33.3%	33.3% #B35178	RGB 179 81 120	#B35178
50.0%	50.0% #974465	RGB 151 68 101	#974465
66.7%	66.7% #7B3752	RGB 123 55 82	#7B3752
83.3%	83.3% #5F2A3F	RGB 95 42 63	#5F2A3F
100.0%	100.0% #431E2D	RGB 67 30 45	#431E2D

#EB6B9F #CF5D8B #B35178 #974465 #7B3752 #5F2A3F #431E2D

#EB6B9F - #974465 - #431E2D

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EB6B9F 0%, #974465 50%, #431E2D 100%);
    background: -webkit-linear-gradient(top, #EB6B9F 0%, #974465 50%, #431E2D 100%);
    background: linear-gradient(to bottom, #EB6B9F 0%, #974465 50%, #431E2D 100%);
}
</style>