#C8CBCD - #5E8498 | 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 #C8CBCD mit #5E8498

#C8CBCD #5E8498

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

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

0.0%	0.0% #C8CBCD	RGB 200 203 205	#C8CBCD
16.7%	16.7% #B6BFC4	RGB 182 191 196	#B6BFC4
33.3%	33.3% #A4B3BB	RGB 164 179 187	#A4B3BB
50.0%	50.0% #93A7B2	RGB 147 167 178	#93A7B2
66.7%	66.7% #819BA9	RGB 129 155 169	#819BA9
83.3%	83.3% #6F8FA0	RGB 111 143 160	#6F8FA0
100.0%	100.0% #5E8498	RGB 94 132 152	#5E8498

#C8CBCD #B6BFC4 #A4B3BB #93A7B2 #819BA9 #6F8FA0 #5E8498

#C8CBCD - #5E8498

HSV-Mischung

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

0.0%	0.0% #C8CBCD	RGB 200 203 205	#C8CBCD
16.7%	16.7% #B3BDC4	RGB 179 189 196	#B3BDC4
33.3%	33.3% #A0B1BB	RGB 160 177 187	#A0B1BB
50.0%	50.0% #8EA5B2	RGB 142 165 178	#8EA5B2
66.7%	66.7% #7D99A9	RGB 125 153 169	#7D99A9
83.3%	83.3% #6D8EA0	RGB 109 142 160	#6D8EA0
100.0%	100.0% #5E8498	RGB 94 132 152	#5E8498

#C8CBCD #B3BDC4 #A0B1BB #8EA5B2 #7D99A9 #6D8EA0 #5E8498

#C8CBCD - #8EA5B2 - #5E8498

CSS-Codes

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

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