#C5E9F7 - #6DA4CB | 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 #C5E9F7 mit #6DA4CB

#C5E9F7 #6DA4CB

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

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

0.0%	0.0% #C5E9F7	RGB 197 233 247	#C5E9F7
16.7%	16.7% #B6DDEF	RGB 182 221 239	#B6DDEF
33.3%	33.3% #A7D2E8	RGB 167 210 232	#A7D2E8
50.0%	50.0% #99C6E1	RGB 153 198 225	#99C6E1
66.7%	66.7% #8ABBD9	RGB 138 187 217	#8ABBD9
83.3%	83.3% #7BAFD2	RGB 123 175 210	#7BAFD2
100.0%	100.0% #6DA4CB	RGB 109 164 203	#6DA4CB

#C5E9F7 #B6DDEF #A7D2E8 #99C6E1 #8ABBD9 #7BAFD2 #6DA4CB

#C5E9F7 - #6DA4CB

HSV-Mischung

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

0.0%	0.0% #C5E9F7	RGB 197 233 247	#C5E9F7
16.7%	16.7% #B4DDEF	RGB 180 221 239	#B4DDEF
33.3%	33.3% #A5D2E8	RGB 165 210 232	#A5D2E8
50.0%	50.0% #96C6E1	RGB 150 198 225	#96C6E1
66.7%	66.7% #87BBD9	RGB 135 187 217	#87BBD9
83.3%	83.3% #7AAFD2	RGB 122 175 210	#7AAFD2
100.0%	100.0% #6DA4CB	RGB 109 164 203	#6DA4CB

#C5E9F7 #B4DDEF #A5D2E8 #96C6E1 #87BBD9 #7AAFD2 #6DA4CB

#C5E9F7 - #96C6E1 - #6DA4CB

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E9F7 0%, #96C6E1 50%, #6DA4CB 100%);
    background: -webkit-linear-gradient(top, #C5E9F7 0%, #96C6E1 50%, #6DA4CB 100%);
    background: linear-gradient(to bottom, #C5E9F7 0%, #96C6E1 50%, #6DA4CB 100%);
}
</style>