#6D9F8C - #D5E3DE | 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 #6D9F8C mit #D5E3DE

#6D9F8C #D5E3DE

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

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

0.0%	0.0% #6D9F8C	RGB 109 159 140	#6D9F8C
16.7%	16.7% #7EAA99	RGB 126 170 153	#7EAA99
33.3%	33.3% #8FB5A7	RGB 143 181 167	#8FB5A7
50.0%	50.0% #A1C1B5	RGB 161 193 181	#A1C1B5
66.7%	66.7% #B2CCC2	RGB 178 204 194	#B2CCC2
83.3%	83.3% #C3D7D0	RGB 195 215 208	#C3D7D0
100.0%	100.0% #D5E3DE	RGB 213 227 222	#D5E3DE

#6D9F8C #7EAA99 #8FB5A7 #A1C1B5 #B2CCC2 #C3D7D0 #D5E3DE

#6D9F8C - #D5E3DE

HSV-Mischung

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

0.0%	0.0% #6D9F8C	RGB 109 159 140	#6D9F8C
16.7%	16.7% #7BAA98	RGB 123 170 152	#7BAA98
33.3%	33.3% #8BB5A6	RGB 139 181 166	#8BB5A6
50.0%	50.0% #9CC1B3	RGB 156 193 179	#9CC1B3
66.7%	66.7% #AECCC1	RGB 174 204 193	#AECCC1
83.3%	83.3% #C1D7CF	RGB 193 215 207	#C1D7CF
100.0%	100.0% #D5E3DE	RGB 213 227 222	#D5E3DE

#6D9F8C #7BAA98 #8BB5A6 #9CC1B3 #AECCC1 #C1D7CF #D5E3DE

#6D9F8C - #9CC1B3 - #D5E3DE

CSS-Codes

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

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