#CECCCE - #D3E2D4 | 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 #CECCCE mit #D3E2D4

#CECCCE #D3E2D4

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

#CECCCE - #D3E2D4 | 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 #CECCCE als 0% und #D3E2D4 als 100%.

0.0%	0.0% #CECCCE	RGB 206 204 206	#CECCCE
16.7%	16.7% #CECFCF	RGB 206 207 207	#CECFCF
33.3%	33.3% #CFD3D0	RGB 207 211 208	#CFD3D0
50.0%	50.0% #D0D7D1	RGB 208 215 209	#D0D7D1
66.7%	66.7% #D1DAD2	RGB 209 218 210	#D1DAD2
83.3%	83.3% #D2DED3	RGB 210 222 211	#D2DED3
100.0%	100.0% #D3E2D4	RGB 211 226 212	#D3E2D4

#CECCCE #CECFCF #CFD3D0 #D0D7D1 #D1DAD2 #D2DED3 #D3E2D4

#CECCCE - #D3E2D4

HSV-Mischung

#CECCCE - #D3E2D4 | 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 #CECCCE als 0% und #D3E2D4 als 100%.

0.0%	0.0% #CECCCE	RGB 206 204 206	#CECCCE
16.7%	16.7% #CFCDD1	RGB 207 205 209	#CFCDD1
33.3%	33.3% #CECED4	RGB 206 206 212	#CECED4
50.0%	50.0% #CFD3D8	RGB 207 211 216	#CFD3D8
66.7%	66.7% #D0DADB	RGB 208 218 219	#D0DADB
83.3%	83.3% #D1DED9	RGB 209 222 217	#D1DED9
100.0%	100.0% #D3E2D4	RGB 211 226 212	#D3E2D4

#CECCCE #CFCDD1 #CECED4 #CFD3D8 #D0DADB #D1DED9 #D3E2D4

#CECCCE - #CFD3D8 - #D3E2D4

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CECCCE 0%, #CFD3D8 50%, #D3E2D4 100%);
    background: -webkit-linear-gradient(top, #CECCCE 0%, #CFD3D8 50%, #D3E2D4 100%);
    background: linear-gradient(to bottom, #CECCCE 0%, #CFD3D8 50%, #D3E2D4 100%);
}
</style>