#1EB6B2 - #BBF2AF | 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 #1EB6B2 mit #BBF2AF

#1EB6B2 #BBF2AF

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

#1EB6B2 - #BBF2AF | 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 #1EB6B2 als 0% und #BBF2AF als 100%.

0.0%	0.0% #1EB6B2	RGB 30 182 178	#1EB6B2
16.7%	16.7% #38C0B1	RGB 56 192 177	#38C0B1
33.3%	33.3% #52CAB1	RGB 82 202 177	#52CAB1
50.0%	50.0% #6CD4B0	RGB 108 212 176	#6CD4B0
66.7%	66.7% #86DEB0	RGB 134 222 176	#86DEB0
83.3%	83.3% #A0E8AF	RGB 160 232 175	#A0E8AF
100.0%	100.0% #BBF2AF	RGB 187 242 175	#BBF2AF

#1EB6B2 #38C0B1 #52CAB1 #6CD4B0 #86DEB0 #A0E8AF #BBF2AF

#1EB6B2 - #BBF2AF

HSV-Mischung

#1EB6B2 - #BBF2AF | 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 #1EB6B2 als 0% und #BBF2AF als 100%.

0.0%	0.0% #1DB6B1	RGB 29 182 177	#1DB6B1
16.7%	16.7% #31C0A0	RGB 49 192 160	#31C0A0
33.3%	33.3% #46CA94	RGB 70 202 148	#46CA94
50.0%	50.0% #5ED48C	RGB 94 212 140	#5ED48C
66.7%	66.7% #77DE8C	RGB 119 222 140	#77DE8C
83.3%	83.3% #92E893	RGB 146 232 147	#92E893
100.0%	100.0% #BBF2AF	RGB 187 242 175	#BBF2AF

#1DB6B1 #31C0A0 #46CA94 #5ED48C #77DE8C #92E893 #BBF2AF

#1EB6B2 - #5ED48C - #BBF2AF

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DB6B1 0%, #5ED48C 50%, #BBF2AF 100%);
    background: -webkit-linear-gradient(top, #1DB6B1 0%, #5ED48C 50%, #BBF2AF 100%);
    background: linear-gradient(to bottom, #1DB6B1 0%, #5ED48C 50%, #BBF2AF 100%);
}
</style>