#521E3C - #B05C62 | 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 #521E3C mit #B05C62

#521E3C #B05C62

Berechnen Sie die Farbe zwischen zwei Farben, #521E3C und #B05C62. 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)

#521E3C - #B05C62 | 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 #521E3C als 0% und #B05C62 als 100%.

0.0%	0.0% #521E3C	RGB 82 30 60	#521E3C
16.7%	16.7% #612842	RGB 97 40 66	#612842
33.3%	33.3% #713248	RGB 113 50 72	#713248
50.0%	50.0% #813D4F	RGB 129 61 79	#813D4F
66.7%	66.7% #904755	RGB 144 71 85	#904755
83.3%	83.3% #A0515B	RGB 160 81 91	#A0515B
100.0%	100.0% #B05C62	RGB 176 92 98	#B05C62

#521E3C #612842 #713248 #813D4F #904755 #A0515B #B05C62

#521E3C - #B05C62

HSV-Mischung

#521E3C - #B05C62 | 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 #521E3C als 0% und #B05C62 als 100%.

0.0%	0.0% #521E3C	RGB 82 30 60	#521E3C
16.7%	16.7% #612643	RGB 97 38 67	#612643
33.3%	33.3% #712F4A	RGB 113 47 74	#712F4A
50.0%	50.0% #813950	RGB 129 57 80	#813950
66.7%	66.7% #904456	RGB 144 68 86	#904456
83.3%	83.3% #A04F5C	RGB 160 79 92	#A04F5C
100.0%	100.0% #B05C62	RGB 176 92 98	#B05C62

#521E3C #612643 #712F4A #813950 #904456 #A04F5C #B05C62

#521E3C - #813950 - #B05C62

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #521E3C 0%, #813950 50%, #B05C62 100%);
    background: -webkit-linear-gradient(top, #521E3C 0%, #813950 50%, #B05C62 100%);
    background: linear-gradient(to bottom, #521E3C 0%, #813950 50%, #B05C62 100%);
}
</style>