#C5E4FC - #699DD2 | 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 #C5E4FC mit #699DD2

#C5E4FC #699DD2

Berechnen Sie die Farbe zwischen zwei Farben, #C5E4FC und #699DD2. 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)

#C5E4FC - #699DD2 | 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 #C5E4FC als 0% und #699DD2 als 100%.

0.0%	0.0% #C5E4FC	RGB 197 228 252	#C5E4FC
16.7%	16.7% #B5D8F5	RGB 181 216 245	#B5D8F5
33.3%	33.3% #A6CCEE	RGB 166 204 238	#A6CCEE
50.0%	50.0% #97C0E7	RGB 151 192 231	#97C0E7
66.7%	66.7% #87B4E0	RGB 135 180 224	#87B4E0
83.3%	83.3% #78A8D9	RGB 120 168 217	#78A8D9
100.0%	100.0% #699DD2	RGB 105 157 210	#699DD2

#C5E4FC #B5D8F5 #A6CCEE #97C0E7 #87B4E0 #78A8D9 #699DD2

#C5E4FC - #699DD2

HSV-Mischung

#C5E4FC - #699DD2 | 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 #C5E4FC als 0% und #699DD2 als 100%.

0.0%	0.0% #C5E4FC	RGB 197 228 252	#C5E4FC
16.7%	16.7% #B4D7F5	RGB 180 215 245	#B4D7F5
33.3%	33.3% #A3CBEE	RGB 163 203 238	#A3CBEE
50.0%	50.0% #94BFE7	RGB 148 191 231	#94BFE7
66.7%	66.7% #85B4E0	RGB 133 180 224	#85B4E0
83.3%	83.3% #76A8D9	RGB 118 168 217	#76A8D9
100.0%	100.0% #699DD2	RGB 105 157 210	#699DD2

#C5E4FC #B4D7F5 #A3CBEE #94BFE7 #85B4E0 #76A8D9 #699DD2

#C5E4FC - #94BFE7 - #699DD2

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E4FC 0%, #94BFE7 50%, #699DD2 100%);
    background: -webkit-linear-gradient(top, #C5E4FC 0%, #94BFE7 50%, #699DD2 100%);
    background: linear-gradient(to bottom, #C5E4FC 0%, #94BFE7 50%, #699DD2 100%);
}
</style>