#C7CEE8 - #CCF5E2 | 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 #C7CEE8 mit #CCF5E2

#C7CEE8 #CCF5E2

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

#C7CEE8 - #CCF5E2 | 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 #C7CEE8 als 0% und #CCF5E2 als 100%.

0.0%	0.0% #C7CEE8	RGB 199 206 232	#C7CEE8
16.7%	16.7% #C7D4E7	RGB 199 212 231	#C7D4E7
33.3%	33.3% #C8DBE6	RGB 200 219 230	#C8DBE6
50.0%	50.0% #C9E1E5	RGB 201 225 229	#C9E1E5
66.7%	66.7% #CAE8E4	RGB 202 232 228	#CAE8E4
83.3%	83.3% #CBEEE3	RGB 203 238 227	#CBEEE3
100.0%	100.0% #CCF5E2	RGB 204 245 226	#CCF5E2

#C7CEE8 #C7D4E7 #C8DBE6 #C9E1E5 #CAE8E4 #CBEEE3 #CCF5E2

#C7CEE8 - #CCF5E2

HSV-Mischung

#C7CEE8 - #CCF5E2 | 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 #C7CEE8 als 0% und #CCF5E2 als 100%.

0.0%	0.0% #C7CEE8	RGB 199 206 232	#C7CEE8
16.7%	16.7% #C7D6EA	RGB 199 214 234	#C7D6EA
33.3%	33.3% #C8DFEC	RGB 200 223 236	#C8DFEC
50.0%	50.0% #C9E8EE	RGB 201 232 238	#C9E8EE
66.7%	66.7% #CAF0EE	RGB 202 240 238	#CAF0EE
83.3%	83.3% #CBF2E8	RGB 203 242 232	#CBF2E8
100.0%	100.0% #CCF5E2	RGB 204 245 226	#CCF5E2

#C7CEE8 #C7D6EA #C8DFEC #C9E8EE #CAF0EE #CBF2E8 #CCF5E2

#C7CEE8 - #C9E8EE - #CCF5E2

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CEE8 0%, #C9E8EE 50%, #CCF5E2 100%);
    background: -webkit-linear-gradient(top, #C7CEE8 0%, #C9E8EE 50%, #CCF5E2 100%);
    background: linear-gradient(to bottom, #C7CEE8 0%, #C9E8EE 50%, #CCF5E2 100%);
}
</style>