#2F8C8C - #A2D29D | 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 #2F8C8C mit #A2D29D

#2F8C8C #A2D29D

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

#2F8C8C - #A2D29D | 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 #2F8C8C als 0% und #A2D29D als 100%.

0.0%	0.0% #2F8C8C	RGB 47 140 140	#2F8C8C
16.7%	16.7% #42978E	RGB 66 151 142	#42978E
33.3%	33.3% #55A391	RGB 85 163 145	#55A391
50.0%	50.0% #68AF94	RGB 104 175 148	#68AF94
66.7%	66.7% #7BBA97	RGB 123 186 151	#7BBA97
83.3%	83.3% #8EC69A	RGB 142 198 154	#8EC69A
100.0%	100.0% #A2D29D	RGB 162 210 157	#A2D29D

#2F8C8C #42978E #55A391 #68AF94 #7BBA97 #8EC69A #A2D29D

#2F8C8C - #A2D29D

HSV-Mischung

#2F8C8C - #A2D29D | 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 #2F8C8C als 0% und #A2D29D als 100%.

0.0%	0.0% #2F8C8C	RGB 47 140 140	#2F8C8C
16.7%	16.7% #3D9787	RGB 61 151 135	#3D9787
33.3%	33.3% #4DA383	RGB 77 163 131	#4DA383
50.0%	50.0% #5EAF83	RGB 94 175 131	#5EAF83
66.7%	66.7% #71BA85	RGB 113 186 133	#71BA85
83.3%	83.3% #86C68C	RGB 134 198 140	#86C68C
100.0%	100.0% #A2D29D	RGB 162 210 157	#A2D29D

#2F8C8C #3D9787 #4DA383 #5EAF83 #71BA85 #86C68C #A2D29D

#2F8C8C - #5EAF83 - #A2D29D

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F8C8C 0%, #5EAF83 50%, #A2D29D 100%);
    background: -webkit-linear-gradient(top, #2F8C8C 0%, #5EAF83 50%, #A2D29D 100%);
    background: linear-gradient(to bottom, #2F8C8C 0%, #5EAF83 50%, #A2D29D 100%);
}
</style>