#9AC6A8 - #E2EEE5 | 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 #9AC6A8 a #E2EEE5

#9AC6A8 #E2EEE5

Calcola il colore tra due colori, #9AC6A8 e #E2EEE5. 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)

#9AC6A8 - #E2EEE5 | 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 #9AC6A8 come 0% e #E2EEE5 come 100%.

0.0%	0.0% #9AC6A8	RGB 154 198 168	#9AC6A8
16.7%	16.7% #A6CCB2	RGB 166 204 178	#A6CCB2
33.3%	33.3% #B2D3BC	RGB 178 211 188	#B2D3BC
50.0%	50.0% #BEDAC6	RGB 190 218 198	#BEDAC6
66.7%	66.7% #CAE0D0	RGB 202 224 208	#CAE0D0
83.3%	83.3% #D6E7DA	RGB 214 231 218	#D6E7DA
100.0%	100.0% #E2EEE5	RGB 226 238 229	#E2EEE5

#9AC6A8 #A6CCB2 #B2D3BC #BEDAC6 #CAE0D0 #D6E7DA #E2EEE5

#9AC6A8 - #E2EEE5

Miscela HSV

#9AC6A8 - #E2EEE5 | 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 #9AC6A8 come 0% e #E2EEE5 come 100%.

0.0%	0.0% #9AC6A8	RGB 154 198 168	#9AC6A8
16.7%	16.7% #A5CCB1	RGB 165 204 177	#A5CCB1
33.3%	33.3% #B0D3BA	RGB 176 211 186	#B0D3BA
50.0%	50.0% #BCDAC4	RGB 188 218 196	#BCDAC4
66.7%	66.7% #C8E0CF	RGB 200 224 207	#C8E0CF
83.3%	83.3% #D5E7D9	RGB 213 231 217	#D5E7D9
100.0%	100.0% #E2EEE5	RGB 226 238 229	#E2EEE5

#9AC6A8 #A5CCB1 #B0D3BA #BCDAC4 #C8E0CF #D5E7D9 #E2EEE5

#9AC6A8 - #BCDAC4 - #E2EEE5

Codici CSS

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

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