#7A8982 - #D9DDDB | 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 #7A8982 a #D9DDDB

#7A8982 #D9DDDB

Calcola il colore tra due colori, #7A8982 e #D9DDDB. 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)

#7A8982 - #D9DDDB | 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 #7A8982 come 0% e #D9DDDB come 100%.

0.0%	0.0% #7A8982	RGB 122 137 130	#7A8982
16.7%	16.7% #899790	RGB 137 151 144	#899790
33.3%	33.3% #99A59F	RGB 153 165 159	#99A59F
50.0%	50.0% #A9B3AE	RGB 169 179 174	#A9B3AE
66.7%	66.7% #B9C1BD	RGB 185 193 189	#B9C1BD
83.3%	83.3% #C9CFCC	RGB 201 207 204	#C9CFCC
100.0%	100.0% #D9DDDB	RGB 217 221 219	#D9DDDB

#7A8982 #899790 #99A59F #A9B3AE #B9C1BD #C9CFCC #D9DDDB

#7A8982 - #D9DDDB

Miscela HSV

#7A8982 - #D9DDDB | 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 #7A8982 come 0% e #D9DDDB come 100%.

0.0%	0.0% #7A8982	RGB 122 137 130	#7A8982
16.7%	16.7% #889790	RGB 136 151 144	#889790
33.3%	33.3% #97A59E	RGB 151 165 158	#97A59E
50.0%	50.0% #A7B3AD	RGB 167 179 173	#A7B3AD
66.7%	66.7% #B7C1BC	RGB 183 193 188	#B7C1BC
83.3%	83.3% #C8CFCB	RGB 200 207 203	#C8CFCB
100.0%	100.0% #D9DDDB	RGB 217 221 219	#D9DDDB

#7A8982 #889790 #97A59E #A7B3AD #B7C1BC #C8CFCB #D9DDDB

#7A8982 - #A7B3AD - #D9DDDB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8982 0%, #A7B3AD 50%, #D9DDDB 100%);
    background: -webkit-linear-gradient(top, #7A8982 0%, #A7B3AD 50%, #D9DDDB 100%);
    background: linear-gradient(to bottom, #7A8982 0%, #A7B3AD 50%, #D9DDDB 100%);
}
</style>