#C7E5E8 - #779DB4 | 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 #C7E5E8 mit #779DB4

#C7E5E8 #779DB4

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

#C7E5E8 - #779DB4 | 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 #C7E5E8 als 0% und #779DB4 als 100%.

0.0%	0.0% #C7E5E8	RGB 199 229 232	#C7E5E8
16.7%	16.7% #B9D9DF	RGB 185 217 223	#B9D9DF
33.3%	33.3% #ACCDD6	RGB 172 205 214	#ACCDD6
50.0%	50.0% #9FC1CE	RGB 159 193 206	#9FC1CE
66.7%	66.7% #91B5C5	RGB 145 181 197	#91B5C5
83.3%	83.3% #84A9BC	RGB 132 169 188	#84A9BC
100.0%	100.0% #779DB4	RGB 119 157 180	#779DB4

#C7E5E8 #B9D9DF #ACCDD6 #9FC1CE #91B5C5 #84A9BC #779DB4

#C7E5E8 - #779DB4

HSV-Mischung

#C7E5E8 - #779DB4 | 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 #C7E5E8 als 0% und #779DB4 als 100%.

0.0%	0.0% #C7E5E8	RGB 199 229 232	#C7E5E8
16.7%	16.7% #B8D9DF	RGB 184 217 223	#B8D9DF
33.3%	33.3% #AACED6	RGB 170 206 214	#AACED6
50.0%	50.0% #9CC2CE	RGB 156 194 206	#9CC2CE
66.7%	66.7% #8FB6C5	RGB 143 182 197	#8FB6C5
83.3%	83.3% #82A9BC	RGB 130 169 188	#82A9BC
100.0%	100.0% #779DB4	RGB 119 157 180	#779DB4

#C7E5E8 #B8D9DF #AACED6 #9CC2CE #8FB6C5 #82A9BC #779DB4

#C7E5E8 - #9CC2CE - #779DB4

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E5E8 0%, #9CC2CE 50%, #779DB4 100%);
    background: -webkit-linear-gradient(top, #C7E5E8 0%, #9CC2CE 50%, #779DB4 100%);
    background: linear-gradient(to bottom, #C7E5E8 0%, #9CC2CE 50%, #779DB4 100%);
}
</style>