#6DC3C3 - #0D938E | 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 #6DC3C3 mit #0D938E

#6DC3C3 #0D938E

Berechnen Sie die Farbe zwischen zwei Farben, #6DC3C3 und #0D938E. 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)

#6DC3C3 - #0D938E | 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 #6DC3C3 als 0% und #0D938E als 100%.

0.0%	0.0% #6DC3C3	RGB 109 195 195	#6DC3C3
16.7%	16.7% #5DBBBA	RGB 93 187 186	#5DBBBA
33.3%	33.3% #4DB3B1	RGB 77 179 177	#4DB3B1
50.0%	50.0% #3DABA8	RGB 61 171 168	#3DABA8
66.7%	66.7% #2DA39F	RGB 45 163 159	#2DA39F
83.3%	83.3% #1D9B96	RGB 29 155 150	#1D9B96
100.0%	100.0% #0D938E	RGB 13 147 142	#0D938E

#6DC3C3 #5DBBBA #4DB3B1 #3DABA8 #2DA39F #1D9B96 #0D938E

#6DC3C3 - #0D938E

HSV-Mischung

#6DC3C3 - #0D938E | 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 #6DC3C3 als 0% und #0D938E als 100%.

0.0%	0.0% #6DC3C3	RGB 109 195 195	#6DC3C3
16.7%	16.7% #59BBBA	RGB 89 187 186	#59BBBA
33.3%	33.3% #47B3B1	RGB 71 179 177	#47B3B1
50.0%	50.0% #37ABA8	RGB 55 171 168	#37ABA8
66.7%	66.7% #27A39F	RGB 39 163 159	#27A39F
83.3%	83.3% #199B96	RGB 25 155 150	#199B96
100.0%	100.0% #0D938E	RGB 13 147 142	#0D938E

#6DC3C3 #59BBBA #47B3B1 #37ABA8 #27A39F #199B96 #0D938E

#6DC3C3 - #37ABA8 - #0D938E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: -webkit-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: linear-gradient(to bottom, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
}
</style>