#5A8F6C - #CFDFD4 | 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 #5A8F6C mit #CFDFD4

#5A8F6C #CFDFD4

Berechnen Sie die Farbe zwischen zwei Farben, #5A8F6C und #CFDFD4. 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)

#5A8F6C - #CFDFD4 | 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 #5A8F6C als 0% und #CFDFD4 als 100%.

0.0%	0.0% #5A8F6C	RGB 90 143 108	#5A8F6C
16.7%	16.7% #6D9C7D	RGB 109 156 125	#6D9C7D
33.3%	33.3% #81A98E	RGB 129 169 142	#81A98E
50.0%	50.0% #94B7A0	RGB 148 183 160	#94B7A0
66.7%	66.7% #A8C4B1	RGB 168 196 177	#A8C4B1
83.3%	83.3% #BBD1C2	RGB 187 209 194	#BBD1C2
100.0%	100.0% #CFDFD4	RGB 207 223 212	#CFDFD4

#5A8F6C #6D9C7D #81A98E #94B7A0 #A8C4B1 #BBD1C2 #CFDFD4

#5A8F6C - #CFDFD4

HSV-Mischung

#5A8F6C - #CFDFD4 | 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 #5A8F6C als 0% und #CFDFD4 als 100%.

0.0%	0.0% #5A8F6C	RGB 90 143 108	#5A8F6C
16.7%	16.7% #6A9C7A	RGB 106 156 122	#6A9C7A
33.3%	33.3% #7BA98A	RGB 123 169 138	#7BA98A
50.0%	50.0% #8EB79B	RGB 142 183 155	#8EB79B
66.7%	66.7% #A2C4AD	RGB 162 196 173	#A2C4AD
83.3%	83.3% #B8D1C0	RGB 184 209 192	#B8D1C0
100.0%	100.0% #CFDFD4	RGB 207 223 212	#CFDFD4

#5A8F6C #6A9C7A #7BA98A #8EB79B #A2C4AD #B8D1C0 #CFDFD4

#5A8F6C - #8EB79B - #CFDFD4

CSS-Codes

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

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