#4E71A8 - #A8DBB2 | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #4E71A8 a #A8DBB2

#4E71A8 #A8DBB2

Calcola il colore tra due colori, #4E71A8 e #A8DBB2. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#4E71A8 - #A8DBB2 | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #4E71A8 come 0% e #A8DBB2 come 100%.

0.0%	0.0% #4E71A8	RGB 78 113 168	#4E71A8
16.7%	16.7% #5D82A9	RGB 93 130 169	#5D82A9
33.3%	33.3% #6C94AB	RGB 108 148 171	#6C94AB
50.0%	50.0% #7BA6AD	RGB 123 166 173	#7BA6AD
66.7%	66.7% #8AB7AE	RGB 138 183 174	#8AB7AE
83.3%	83.3% #99C9B0	RGB 153 201 176	#99C9B0
100.0%	100.0% #A8DBB2	RGB 168 219 178	#A8DBB2

#4E71A8 #5D82A9 #6C94AB #7BA6AD #8AB7AE #99C9B0 #A8DBB2

#4E71A8 - #A8DBB2

Miscela HSV

#4E71A8 - #A8DBB2 | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #4E71A8 come 0% e #A8DBB2 come 100%.

0.0%	0.0% #4E71A8	RGB 78 113 168	#4E71A8
16.7%	16.7% #5A90B0	RGB 90 144 176	#5A90B0
33.3%	33.3% #68ADB9	RGB 104 173 185	#68ADB9
50.0%	50.0% #77C1BA	RGB 119 193 186	#77C1BA
66.7%	66.7% #86CAB3	RGB 134 202 179	#86CAB3
83.3%	83.3% #96D2B0	RGB 150 210 176	#96D2B0
100.0%	100.0% #A8DBB2	RGB 168 219 178	#A8DBB2

#4E71A8 #5A90B0 #68ADB9 #77C1BA #86CAB3 #96D2B0 #A8DBB2

#4E71A8 - #77C1BA - #A8DBB2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E71A8 0%, #77C1BA 50%, #A8DBB2 100%);
    background: -webkit-linear-gradient(top, #4E71A8 0%, #77C1BA 50%, #A8DBB2 100%);
    background: linear-gradient(to bottom, #4E71A8 0%, #77C1BA 50%, #A8DBB2 100%);
}
</style>