#ADC0FF - #CDDFF1 | 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 #ADC0FF mit #CDDFF1

#ADC0FF #CDDFF1

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

#ADC0FF - #CDDFF1 | 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 #ADC0FF als 0% und #CDDFF1 als 100%.

0.0%	0.0% #ADC0FF	RGB 173 192 255	#ADC0FF
16.7%	16.7% #B2C5FC	RGB 178 197 252	#B2C5FC
33.3%	33.3% #B7CAFA	RGB 183 202 250	#B7CAFA
50.0%	50.0% #BDCFF8	RGB 189 207 248	#BDCFF8
66.7%	66.7% #C2D4F5	RGB 194 212 245	#C2D4F5
83.3%	83.3% #C7D9F3	RGB 199 217 243	#C7D9F3
100.0%	100.0% #CDDFF1	RGB 205 223 241	#CDDFF1

#ADC0FF #B2C5FC #B7CAFA #BDCFF8 #C2D4F5 #C7D9F3 #CDDFF1

#ADC0FF - #CDDFF1

HSV-Mischung

#ADC0FF - #CDDFF1 | 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 #ADC0FF als 0% und #CDDFF1 als 100%.

0.0%	0.0% #ADC0FF	RGB 173 192 255	#ADC0FF
16.7%	16.7% #B2C7FC	RGB 178 199 252	#B2C7FC
33.3%	33.3% #B8CDFA	RGB 184 205 250	#B8CDFA
50.0%	50.0% #BDD2F8	RGB 189 210 248	#BDD2F8
66.7%	66.7% #C2D7F5	RGB 194 215 245	#C2D7F5
83.3%	83.3% #C8DBF3	RGB 200 219 243	#C8DBF3
100.0%	100.0% #CDDFF1	RGB 205 223 241	#CDDFF1

#ADC0FF #B2C7FC #B8CDFA #BDD2F8 #C2D7F5 #C8DBF3 #CDDFF1

#ADC0FF - #BDD2F8 - #CDDFF1

CSS-Codes

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

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