#ABC6B3 - #51887B | 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 #ABC6B3 a #51887B

#ABC6B3 #51887B

Calcola il colore tra due colori, #ABC6B3 e #51887B. 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)

#ABC6B3 - #51887B | 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 #ABC6B3 come 0% e #51887B come 100%.

0.0%	0.0% #ABC6B3	RGB 171 198 179	#ABC6B3
16.7%	16.7% #9CBBA9	RGB 156 187 169	#9CBBA9
33.3%	33.3% #8DB1A0	RGB 141 177 160	#8DB1A0
50.0%	50.0% #7EA797	RGB 126 167 151	#7EA797
66.7%	66.7% #6F9C8D	RGB 111 156 141	#6F9C8D
83.3%	83.3% #609284	RGB 96 146 132	#609284
100.0%	100.0% #51887B	RGB 81 136 123	#51887B

#ABC6B3 #9CBBA9 #8DB1A0 #7EA797 #6F9C8D #609284 #51887B

#ABC6B3 - #51887B

Miscela HSV

#ABC6B3 - #51887B | 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 #ABC6B3 come 0% e #51887B come 100%.

0.0%	0.0% #ABC6B3	RGB 171 198 179	#ABC6B3
16.7%	16.7% #99BBA6	RGB 153 187 166	#99BBA6
33.3%	33.3% #89B19B	RGB 137 177 155	#89B19B
50.0%	50.0% #79A791	RGB 121 167 145	#79A791
66.7%	66.7% #6B9C89	RGB 107 156 137	#6B9C89
83.3%	83.3% #5D9281	RGB 93 146 129	#5D9281
100.0%	100.0% #51887B	RGB 81 136 123	#51887B

#ABC6B3 #99BBA6 #89B19B #79A791 #6B9C89 #5D9281 #51887B

#ABC6B3 - #79A791 - #51887B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6B3 0%, #79A791 50%, #51887B 100%);
    background: -webkit-linear-gradient(top, #ABC6B3 0%, #79A791 50%, #51887B 100%);
    background: linear-gradient(to bottom, #ABC6B3 0%, #79A791 50%, #51887B 100%);
}
</style>