#006AA6 - #001E2F | 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 #006AA6 mit #001E2F

#006AA6 #001E2F

Berechnen Sie die Farbe zwischen zwei Farben, #006AA6 und #001E2F. 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)

#006AA6 - #001E2F | 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 #006AA6 als 0% und #001E2F als 100%.

0.0%	0.0% #006AA6	RGB 0 106 166	#006AA6
16.7%	16.7% #005D92	RGB 0 93 146	#005D92
33.3%	33.3% #00507E	RGB 0 80 126	#00507E
50.0%	50.0% #00446A	RGB 0 68 106	#00446A
66.7%	66.7% #003756	RGB 0 55 86	#003756
83.3%	83.3% #002A42	RGB 0 42 66	#002A42
100.0%	100.0% #001E2F	RGB 0 30 47	#001E2F

#006AA6 #005D92 #00507E #00446A #003756 #002A42 #001E2F

#006AA6 - #001E2F

HSV-Mischung

#006AA6 - #001E2F | 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 #006AA6 als 0% und #001E2F als 100%.

0.0%	0.0% #0069A6	RGB 0 105 166	#0069A6
16.7%	16.7% #005D92	RGB 0 93 146	#005D92
33.3%	33.3% #00507E	RGB 0 80 126	#00507E
50.0%	50.0% #00436A	RGB 0 67 106	#00436A
66.7%	66.7% #003756	RGB 0 55 86	#003756
83.3%	83.3% #002A42	RGB 0 42 66	#002A42
100.0%	100.0% #001E2F	RGB 0 30 47	#001E2F

#0069A6 #005D92 #00507E #00436A #003756 #002A42 #001E2F

#006AA6 - #00436A - #001E2F

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0069A6 0%, #00436A 50%, #001E2F 100%);
    background: -webkit-linear-gradient(top, #0069A6 0%, #00436A 50%, #001E2F 100%);
    background: linear-gradient(to bottom, #0069A6 0%, #00436A 50%, #001E2F 100%);
}
</style>