#6B7A8C - #D3CEAB | 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 #6B7A8C mit #D3CEAB

#6B7A8C #D3CEAB

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

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

0.0%	0.0% #6B7A8C	RGB 107 122 140	#6B7A8C
16.7%	16.7% #7C8891	RGB 124 136 145	#7C8891
33.3%	33.3% #8D9696	RGB 141 150 150	#8D9696
50.0%	50.0% #9FA49B	RGB 159 164 155	#9FA49B
66.7%	66.7% #B0B2A0	RGB 176 178 160	#B0B2A0
83.3%	83.3% #C1C0A5	RGB 193 192 165	#C1C0A5
100.0%	100.0% #D3CEAB	RGB 211 206 171	#D3CEAB

#6B7A8C #7C8891 #8D9696 #9FA49B #B0B2A0 #C1C0A5 #D3CEAB

#6B7A8C - #D3CEAB

HSV-Mischung

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

0.0%	0.0% #6B7A8C	RGB 107 122 140	#6B7A8C
16.7%	16.7% #759497	RGB 117 148 151	#759497
33.3%	33.3% #7FA397	RGB 127 163 151	#7FA397
50.0%	50.0% #8AAF92	RGB 138 175 146	#8AAF92
66.7%	66.7% #9DBB94	RGB 157 187 148	#9DBB94
83.3%	83.3% #BAC79F	RGB 186 199 159	#BAC79F
100.0%	100.0% #D3CEAB	RGB 211 206 171	#D3CEAB

#6B7A8C #759497 #7FA397 #8AAF92 #9DBB94 #BAC79F #D3CEAB

#6B7A8C - #8AAF92 - #D3CEAB

CSS-Codes

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

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