#A8C9C8 - #4C768E | 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 #A8C9C8 a #4C768E

#A8C9C8 #4C768E

Calcola il colore tra due colori, #A8C9C8 e #4C768E. 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)

#A8C9C8 - #4C768E | 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 #A8C9C8 come 0% e #4C768E come 100%.

0.0%	0.0% #A8C9C8	RGB 168 201 200	#A8C9C8
16.7%	16.7% #98BBBE	RGB 152 187 190	#98BBBE
33.3%	33.3% #89ADB4	RGB 137 173 180	#89ADB4
50.0%	50.0% #7A9FAB	RGB 122 159 171	#7A9FAB
66.7%	66.7% #6A91A1	RGB 106 145 161	#6A91A1
83.3%	83.3% #5B8397	RGB 91 131 151	#5B8397
100.0%	100.0% #4C768E	RGB 76 118 142	#4C768E

#A8C9C8 #98BBBE #89ADB4 #7A9FAB #6A91A1 #5B8397 #4C768E

#A8C9C8 - #4C768E

Miscela HSV

#A8C9C8 - #4C768E | 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 #A8C9C8 come 0% e #4C768E come 100%.

0.0%	0.0% #A8C9C8	RGB 168 201 200	#A8C9C8
16.7%	16.7% #96BDBF	RGB 150 189 191	#96BDBF
33.3%	33.3% #85B0B5	RGB 133 176 181	#85B0B5
50.0%	50.0% #75A2AB	RGB 117 162 171	#75A2AB
66.7%	66.7% #6693A1	RGB 102 147 161	#6693A1
83.3%	83.3% #588597	RGB 88 133 151	#588597
100.0%	100.0% #4C768E	RGB 76 118 142	#4C768E

#A8C9C8 #96BDBF #85B0B5 #75A2AB #6693A1 #588597 #4C768E

#A8C9C8 - #75A2AB - #4C768E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C9C8 0%, #75A2AB 50%, #4C768E 100%);
    background: -webkit-linear-gradient(top, #A8C9C8 0%, #75A2AB 50%, #4C768E 100%);
    background: linear-gradient(to bottom, #A8C9C8 0%, #75A2AB 50%, #4C768E 100%);
}
</style>