#C7E5E6 - #789DB1 | 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 #C7E5E6 mit #789DB1

#C7E5E6 #789DB1

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

#C7E5E6 - #789DB1 | 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 #C7E5E6 als 0% und #789DB1 als 100%.

0.0%	0.0% #C7E5E6	RGB 199 229 230	#C7E5E6
16.7%	16.7% #B9D9DD	RGB 185 217 221	#B9D9DD
33.3%	33.3% #ACCDD4	RGB 172 205 212	#ACCDD4
50.0%	50.0% #9FC1CB	RGB 159 193 203	#9FC1CB
66.7%	66.7% #92B5C2	RGB 146 181 194	#92B5C2
83.3%	83.3% #85A9B9	RGB 133 169 185	#85A9B9
100.0%	100.0% #789DB1	RGB 120 157 177	#789DB1

#C7E5E6 #B9D9DD #ACCDD4 #9FC1CB #92B5C2 #85A9B9 #789DB1

#C7E5E6 - #789DB1

HSV-Mischung

#C7E5E6 - #789DB1 | 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 #C7E5E6 als 0% und #789DB1 als 100%.

0.0%	0.0% #C7E5E6	RGB 199 229 230	#C7E5E6
16.7%	16.7% #B8DADD	RGB 184 218 221	#B8DADD
33.3%	33.3% #AACED4	RGB 170 206 212	#AACED4
50.0%	50.0% #9DC2CB	RGB 157 194 203	#9DC2CB
66.7%	66.7% #90B6C2	RGB 144 182 194	#90B6C2
83.3%	83.3% #83A9B9	RGB 131 169 185	#83A9B9
100.0%	100.0% #789DB1	RGB 120 157 177	#789DB1

#C7E5E6 #B8DADD #AACED4 #9DC2CB #90B6C2 #83A9B9 #789DB1

#C7E5E6 - #9DC2CB - #789DB1

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E5E6 0%, #9DC2CB 50%, #789DB1 100%);
    background: -webkit-linear-gradient(top, #C7E5E6 0%, #9DC2CB 50%, #789DB1 100%);
    background: linear-gradient(to bottom, #C7E5E6 0%, #9DC2CB 50%, #789DB1 100%);
}
</style>