#9FDB9F - #D4F0FF | 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 #9FDB9F mit #D4F0FF

#9FDB9F #D4F0FF

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

#9FDB9F - #D4F0FF | 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 #9FDB9F als 0% und #D4F0FF als 100%.

0.0%	0.0% #9FDB9F	RGB 159 219 159	#9FDB9F
16.7%	16.7% #A7DEAF	RGB 167 222 175	#A7DEAF
33.3%	33.3% #B0E2BF	RGB 176 226 191	#B0E2BF
50.0%	50.0% #B9E5CF	RGB 185 229 207	#B9E5CF
66.7%	66.7% #C2E9DF	RGB 194 233 223	#C2E9DF
83.3%	83.3% #CBECEF	RGB 203 236 239	#CBECEF
100.0%	100.0% #D4F0FF	RGB 212 240 255	#D4F0FF

#9FDB9F #A7DEAF #B0E2BF #B9E5CF #C2E9DF #CBECEF #D4F0FF

#9FDB9F - #D4F0FF

HSV-Mischung

#9FDB9F - #D4F0FF | 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 #9FDB9F als 0% und #D4F0FF als 100%.

0.0%	0.0% #9FDB9F	RGB 159 219 159	#9FDB9F
16.7%	16.7% #A7E1B4	RGB 167 225 180	#A7E1B4
33.3%	33.3% #AFE7C8	RGB 175 231 200	#AFE7C8
50.0%	50.0% #B8EDDB	RGB 184 237 219	#B8EDDB
66.7%	66.7% #C1F3EE	RGB 193 243 238	#C1F3EE
83.3%	83.3% #CAF3F9	RGB 202 243 249	#CAF3F9
100.0%	100.0% #D4F0FF	RGB 212 240 255	#D4F0FF

#9FDB9F #A7E1B4 #AFE7C8 #B8EDDB #C1F3EE #CAF3F9 #D4F0FF

#9FDB9F - #B8EDDB - #D4F0FF

CSS-Codes

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

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