#2D3C91 - #C3C7DF | 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 #2D3C91 mit #C3C7DF

#2D3C91 #C3C7DF

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

#2D3C91 - #C3C7DF | 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 #2D3C91 als 0% und #C3C7DF als 100%.

0.0%	0.0% #2D3C91	RGB 45 60 145	#2D3C91
16.7%	16.7% #46539E	RGB 70 83 158	#46539E
33.3%	33.3% #5F6AAB	RGB 95 106 171	#5F6AAB
50.0%	50.0% #7881B8	RGB 120 129 184	#7881B8
66.7%	66.7% #9198C5	RGB 145 152 197	#9198C5
83.3%	83.3% #AAAFD2	RGB 170 175 210	#AAAFD2
100.0%	100.0% #C3C7DF	RGB 195 199 223	#C3C7DF

#2D3C91 #46539E #5F6AAB #7881B8 #9198C5 #AAAFD2 #C3C7DF

#2D3C91 - #C3C7DF

HSV-Mischung

#2D3C91 - #C3C7DF | 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 #2D3C91 als 0% und #C3C7DF als 100%.

0.0%	0.0% #2D3C91	RGB 45 60 145	#2D3C91
16.7%	16.7% #3F4D9E	RGB 63 77 158	#3F4D9E
33.3%	33.3% #5561AB	RGB 85 97 171	#5561AB
50.0%	50.0% #6D77B8	RGB 109 119 184	#6D77B8
66.7%	66.7% #8790C5	RGB 135 144 197	#8790C5
83.3%	83.3% #A3AAD2	RGB 163 170 210	#A3AAD2
100.0%	100.0% #C3C7DF	RGB 195 199 223	#C3C7DF

#2D3C91 #3F4D9E #5561AB #6D77B8 #8790C5 #A3AAD2 #C3C7DF

#2D3C91 - #6D77B8 - #C3C7DF

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C91 0%, #6D77B8 50%, #C3C7DF 100%);
    background: -webkit-linear-gradient(top, #2D3C91 0%, #6D77B8 50%, #C3C7DF 100%);
    background: linear-gradient(to bottom, #2D3C91 0%, #6D77B8 50%, #C3C7DF 100%);
}
</style>