#DDECFF - #8A8AD7 | 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 #DDECFF mit #8A8AD7

#DDECFF #8A8AD7

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

#DDECFF - #8A8AD7 | 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 #DDECFF als 0% und #8A8AD7 als 100%.

0.0%	0.0% #DDECFF	RGB 221 236 255	#DDECFF
16.7%	16.7% #CFDBF8	RGB 207 219 248	#CFDBF8
33.3%	33.3% #C1CBF1	RGB 193 203 241	#C1CBF1
50.0%	50.0% #B3BBEB	RGB 179 187 235	#B3BBEB
66.7%	66.7% #A5AAE4	RGB 165 170 228	#A5AAE4
83.3%	83.3% #979ADD	RGB 151 154 221	#979ADD
100.0%	100.0% #8A8AD7	RGB 138 138 215	#8A8AD7

#DDECFF #CFDBF8 #C1CBF1 #B3BBEB #A5AAE4 #979ADD #8A8AD7

#DDECFF - #8A8AD7

HSV-Mischung

#DDECFF - #8A8AD7 | 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 #DDECFF als 0% und #8A8AD7 als 100%.

0.0%	0.0% #DDECFF	RGB 221 236 255	#DDECFF
16.7%	16.7% #CDDDF8	RGB 205 221 248	#CDDDF8
33.3%	33.3% #BFCEF1	RGB 191 206 241	#BFCEF1
50.0%	50.0% #B1BDEB	RGB 177 189 235	#B1BDEB
66.7%	66.7% #A3ADE4	RGB 163 173 228	#A3ADE4
83.3%	83.3% #969BDD	RGB 150 155 221	#969BDD
100.0%	100.0% #8A8AD7	RGB 138 138 215	#8A8AD7

#DDECFF #CDDDF8 #BFCEF1 #B1BDEB #A3ADE4 #969BDD #8A8AD7

#DDECFF - #B1BDEB - #8A8AD7

CSS-Codes

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

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