#2D4D5E - #C3CCD1 | 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 #2D4D5E mit #C3CCD1

#2D4D5E #C3CCD1

Berechnen Sie die Farbe zwischen zwei Farben, #2D4D5E und #C3CCD1. 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)

#2D4D5E - #C3CCD1 | 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 #2D4D5E als 0% und #C3CCD1 als 100%.

0.0%	0.0% #2D4D5E	RGB 45 77 94	#2D4D5E
16.7%	16.7% #466271	RGB 70 98 113	#466271
33.3%	33.3% #5F7784	RGB 95 119 132	#5F7784
50.0%	50.0% #788C97	RGB 120 140 151	#788C97
66.7%	66.7% #91A1AA	RGB 145 161 170	#91A1AA
83.3%	83.3% #AAB6BD	RGB 170 182 189	#AAB6BD
100.0%	100.0% #C3CCD1	RGB 195 204 209	#C3CCD1

#2D4D5E #466271 #5F7784 #788C97 #91A1AA #AAB6BD #C3CCD1

#2D4D5E - #C3CCD1

HSV-Mischung

#2D4D5E - #C3CCD1 | 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 #2D4D5E als 0% und #C3CCD1 als 100%.

0.0%	0.0% #2D4D5E	RGB 45 77 94	#2D4D5E
16.7%	16.7% #3E5F71	RGB 62 95 113	#3E5F71
33.3%	33.3% #537384	RGB 83 115 132	#537384
50.0%	50.0% #6A8797	RGB 106 135 151	#6A8797
66.7%	66.7% #859DAA	RGB 133 157 170	#859DAA
83.3%	83.3% #A2B4BD	RGB 162 180 189	#A2B4BD
100.0%	100.0% #C3CCD1	RGB 195 204 209	#C3CCD1

#2D4D5E #3E5F71 #537384 #6A8797 #859DAA #A2B4BD #C3CCD1

#2D4D5E - #6A8797 - #C3CCD1

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4D5E 0%, #6A8797 50%, #C3CCD1 100%);
    background: -webkit-linear-gradient(top, #2D4D5E 0%, #6A8797 50%, #C3CCD1 100%);
    background: linear-gradient(to bottom, #2D4D5E 0%, #6A8797 50%, #C3CCD1 100%);
}
</style>