#6CA7A1 - #D5E5E2 | 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 #6CA7A1 mit #D5E5E2

#6CA7A1 #D5E5E2

Berechnen Sie die Farbe zwischen zwei Farben, #6CA7A1 und #D5E5E2. 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)

#6CA7A1 - #D5E5E2 | 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 #6CA7A1 als 0% und #D5E5E2 als 100%.

0.0%	0.0% #6CA7A1	RGB 108 167 161	#6CA7A1
16.7%	16.7% #7DB1AB	RGB 125 177 171	#7DB1AB
33.3%	33.3% #8FBBB6	RGB 143 187 182	#8FBBB6
50.0%	50.0% #A0C6C1	RGB 160 198 193	#A0C6C1
66.7%	66.7% #B2D0CC	RGB 178 208 204	#B2D0CC
83.3%	83.3% #C3DAD7	RGB 195 218 215	#C3DAD7
100.0%	100.0% #D5E5E2	RGB 213 229 226	#D5E5E2

#6CA7A1 #7DB1AB #8FBBB6 #A0C6C1 #B2D0CC #C3DAD7 #D5E5E2

#6CA7A1 - #D5E5E2

HSV-Mischung

#6CA7A1 - #D5E5E2 | 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 #6CA7A1 als 0% und #D5E5E2 als 100%.

0.0%	0.0% #6CA7A1	RGB 108 167 161	#6CA7A1
16.7%	16.7% #7BB1AB	RGB 123 177 171	#7BB1AB
33.3%	33.3% #8BBBB5	RGB 139 187 181	#8BBBB5
50.0%	50.0% #9CC6BF	RGB 156 198 191	#9CC6BF
66.7%	66.7% #AED0CA	RGB 174 208 202	#AED0CA
83.3%	83.3% #C1DAD6	RGB 193 218 214	#C1DAD6
100.0%	100.0% #D5E5E2	RGB 213 229 226	#D5E5E2

#6CA7A1 #7BB1AB #8BBBB5 #9CC6BF #AED0CA #C1DAD6 #D5E5E2

#6CA7A1 - #9CC6BF - #D5E5E2

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CA7A1 0%, #9CC6BF 50%, #D5E5E2 100%);
    background: -webkit-linear-gradient(top, #6CA7A1 0%, #9CC6BF 50%, #D5E5E2 100%);
    background: linear-gradient(to bottom, #6CA7A1 0%, #9CC6BF 50%, #D5E5E2 100%);
}
</style>