#BE3E3E - #8F0008 | 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 #BE3E3E mit #8F0008

#BE3E3E #8F0008

Berechnen Sie die Farbe zwischen zwei Farben, #BE3E3E und #8F0008. 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)

#BE3E3E - #8F0008 | 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 #BE3E3E als 0% und #8F0008 als 100%.

0.0%	0.0% #BE3E3E	RGB 190 62 62	#BE3E3E
16.7%	16.7% #B63335	RGB 182 51 53	#B63335
33.3%	33.3% #AE292C	RGB 174 41 44	#AE292C
50.0%	50.0% #A61F23	RGB 166 31 35	#A61F23
66.7%	66.7% #9E141A	RGB 158 20 26	#9E141A
83.3%	83.3% #960A11	RGB 150 10 17	#960A11
100.0%	100.0% #8F0008	RGB 143 0 8	#8F0008

#BE3E3E #B63335 #AE292C #A61F23 #9E141A #960A11 #8F0008

#BE3E3E - #8F0008

HSV-Mischung

#BE3E3E - #8F0008 | 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 #BE3E3E als 0% und #8F0008 als 100%.

0.0%	0.0% #BE3E3E	RGB 190 62 62	#BE3E3E
16.7%	16.7% #B63132	RGB 182 49 50	#B63132
33.3%	33.3% #AE2528	RGB 174 37 40	#AE2528
50.0%	50.0% #A61B1F	RGB 166 27 31	#A61B1F
66.7%	66.7% #9E1116	RGB 158 17 22	#9E1116
83.3%	83.3% #96080E	RGB 150 8 14	#96080E
100.0%	100.0% #8F0008	RGB 143 0 8	#8F0008

#BE3E3E #B63132 #AE2528 #A61B1F #9E1116 #96080E #8F0008

#BE3E3E - #A61B1F - #8F0008

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BE3E3E 0%, #A61B1F 50%, #8F0008 100%);
    background: -webkit-linear-gradient(top, #BE3E3E 0%, #A61B1F 50%, #8F0008 100%);
    background: linear-gradient(to bottom, #BE3E3E 0%, #A61B1F 50%, #8F0008 100%);
}
</style>