#DBFFFA - #8BE5E7 | 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 #DBFFFA mit #8BE5E7

#DBFFFA #8BE5E7

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

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

0.0%	0.0% #DBFFFA	RGB 219 255 250	#DBFFFA
16.7%	16.7% #CDFAF6	RGB 205 250 246	#CDFAF6
33.3%	33.3% #C0F6F3	RGB 192 246 243	#C0F6F3
50.0%	50.0% #B3F2F0	RGB 179 242 240	#B3F2F0
66.7%	66.7% #A5EDED	RGB 165 237 237	#A5EDED
83.3%	83.3% #98E9EA	RGB 152 233 234	#98E9EA
100.0%	100.0% #8BE5E7	RGB 139 229 231	#8BE5E7

#DBFFFA #CDFAF6 #C0F6F3 #B3F2F0 #A5EDED #98E9EA #8BE5E7

#DBFFFA - #8BE5E7

HSV-Mischung

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

0.0%	0.0% #DBFFFA	RGB 219 255 250	#DBFFFA
16.7%	16.7% #CCFBF5	RGB 204 251 245	#CCFBF5
33.3%	33.3% #BEF7F2	RGB 190 247 242	#BEF7F2
50.0%	50.0% #B1F3EF	RGB 177 243 239	#B1F3EF
66.7%	66.7% #A4EFEC	RGB 164 239 236	#A4EFEC
83.3%	83.3% #97EBEA	RGB 151 235 234	#97EBEA
100.0%	100.0% #8BE5E7	RGB 139 229 231	#8BE5E7

#DBFFFA #CCFBF5 #BEF7F2 #B1F3EF #A4EFEC #97EBEA #8BE5E7

#DBFFFA - #B1F3EF - #8BE5E7

CSS-Codes

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

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