#7B7E66 - #D9DAD3 | 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 #7B7E66 a #D9DAD3

#7B7E66 #D9DAD3

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

#7B7E66 - #D9DAD3 | 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 #7B7E66 come 0% e #D9DAD3 come 100%.

0.0%	0.0% #7B7E66	RGB 123 126 102	#7B7E66
16.7%	16.7% #8A8D78	RGB 138 141 120	#8A8D78
33.3%	33.3% #9A9C8A	RGB 154 156 138	#9A9C8A
50.0%	50.0% #AAAC9C	RGB 170 172 156	#AAAC9C
66.7%	66.7% #B9BBAE	RGB 185 187 174	#B9BBAE
83.3%	83.3% #C9CAC0	RGB 201 202 192	#C9CAC0
100.0%	100.0% #D9DAD3	RGB 217 218 211	#D9DAD3

#7B7E66 #8A8D78 #9A9C8A #AAAC9C #B9BBAE #C9CAC0 #D9DAD3

#7B7E66 - #D9DAD3

Miscela HSV

#7B7E66 - #D9DAD3 | 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 #7B7E66 come 0% e #D9DAD3 come 100%.

0.0%	0.0% #7B7E66	RGB 123 126 102	#7B7E66
16.7%	16.7% #8A8D76	RGB 138 141 118	#8A8D76
33.3%	33.3% #999C87	RGB 153 156 135	#999C87
50.0%	50.0% #A9AC98	RGB 169 172 152	#A9AC98
66.7%	66.7% #B9BBAB	RGB 185 187 171	#B9BBAB
83.3%	83.3% #C9CABE	RGB 201 202 190	#C9CABE
100.0%	100.0% #D9DAD3	RGB 217 218 211	#D9DAD3

#7B7E66 #8A8D76 #999C87 #A9AC98 #B9BBAB #C9CABE #D9DAD3

#7B7E66 - #A9AC98 - #D9DAD3

Codici CSS

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

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