#A8CAAA - #4C8F69 | 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 #A8CAAA a #4C8F69

#A8CAAA #4C8F69

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

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

0.0%	0.0% #A8CAAA	RGB 168 202 170	#A8CAAA
16.7%	16.7% #98C09F	RGB 152 192 159	#98C09F
33.3%	33.3% #89B694	RGB 137 182 148	#89B694
50.0%	50.0% #7AAC89	RGB 122 172 137	#7AAC89
66.7%	66.7% #6AA27E	RGB 106 162 126	#6AA27E
83.3%	83.3% #5B9873	RGB 91 152 115	#5B9873
100.0%	100.0% #4C8F69	RGB 76 143 105	#4C8F69

#A8CAAA #98C09F #89B694 #7AAC89 #6AA27E #5B9873 #4C8F69

#A8CAAA - #4C8F69

Miscela HSV

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

0.0%	0.0% #A8CAAA	RGB 168 202 170	#A8CAAA
16.7%	16.7% #96C09B	RGB 150 192 155	#96C09B
33.3%	33.3% #85B68E	RGB 133 182 142	#85B68E
50.0%	50.0% #75AC83	RGB 117 172 131	#75AC83
66.7%	66.7% #66A279	RGB 102 162 121	#66A279
83.3%	83.3% #589870	RGB 88 152 112	#589870
100.0%	100.0% #4C8F69	RGB 76 143 105	#4C8F69

#A8CAAA #96C09B #85B68E #75AC83 #66A279 #589870 #4C8F69

#A8CAAA - #75AC83 - #4C8F69

Codici CSS

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

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