#D5E3EB - #829CB6 | 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 #D5E3EB mit #829CB6

#D5E3EB #829CB6

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

#D5E3EB - #829CB6 | 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 #D5E3EB als 0% und #829CB6 als 100%.

0.0%	0.0% #D5E3EB	RGB 213 227 235	#D5E3EB
16.7%	16.7% #C7D7E2	RGB 199 215 226	#C7D7E2
33.3%	33.3% #B9CBD9	RGB 185 203 217	#B9CBD9
50.0%	50.0% #ABBFD0	RGB 171 191 208	#ABBFD0
66.7%	66.7% #9DB3C7	RGB 157 179 199	#9DB3C7
83.3%	83.3% #8FA7BE	RGB 143 167 190	#8FA7BE
100.0%	100.0% #829CB6	RGB 130 156 182	#829CB6

#D5E3EB #C7D7E2 #B9CBD9 #ABBFD0 #9DB3C7 #8FA7BE #829CB6

#D5E3EB - #829CB6

HSV-Mischung

#D5E3EB - #829CB6 | 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 #D5E3EB als 0% und #829CB6 als 100%.

0.0%	0.0% #D5E3EB	RGB 213 227 235	#D5E3EB
16.7%	16.7% #C5D7E2	RGB 197 215 226	#C5D7E2
33.3%	33.3% #B7CBD9	RGB 183 203 217	#B7CBD9
50.0%	50.0% #A8BFD0	RGB 168 191 208	#A8BFD0
66.7%	66.7% #9BB3C7	RGB 155 179 199	#9BB3C7
83.3%	83.3% #8EA7BE	RGB 142 167 190	#8EA7BE
100.0%	100.0% #829CB6	RGB 130 156 182	#829CB6

#D5E3EB #C5D7E2 #B7CBD9 #A8BFD0 #9BB3C7 #8EA7BE #829CB6

#D5E3EB - #A8BFD0 - #829CB6

CSS-Codes

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

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