#7D8F8C - #23584F | 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 #7D8F8C a #23584F

#7D8F8C #23584F

Calcola il colore tra due colori, #7D8F8C e #23584F. 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)

#7D8F8C - #23584F | 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 #7D8F8C come 0% e #23584F come 100%.

0.0%	0.0% #7D8F8C	RGB 125 143 140	#7D8F8C
16.7%	16.7% #6E8581	RGB 110 133 129	#6E8581
33.3%	33.3% #5F7C77	RGB 95 124 119	#5F7C77
50.0%	50.0% #50736D	RGB 80 115 109	#50736D
66.7%	66.7% #416A63	RGB 65 106 99	#416A63
83.3%	83.3% #326159	RGB 50 97 89	#326159
100.0%	100.0% #23584F	RGB 35 88 79	#23584F

#7D8F8C #6E8581 #5F7C77 #50736D #416A63 #326159 #23584F

#7D8F8C - #23584F

Miscela HSV

#7D8F8C - #23584F | 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 #7D8F8C come 0% e #23584F come 100%.

0.0%	0.0% #7D8F8C	RGB 125 143 140	#7D8F8C
16.7%	16.7% #6A8581	RGB 106 133 129	#6A8581
33.3%	33.3% #597C76	RGB 89 124 118	#597C76
50.0%	50.0% #49736C	RGB 73 115 108	#49736C
66.7%	66.7% #3B6A62	RGB 59 106 98	#3B6A62
83.3%	83.3% #2E6158	RGB 46 97 88	#2E6158
100.0%	100.0% #23584F	RGB 35 88 79	#23584F

#7D8F8C #6A8581 #597C76 #49736C #3B6A62 #2E6158 #23584F

#7D8F8C - #49736C - #23584F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D8F8C 0%, #49736C 50%, #23584F 100%);
    background: -webkit-linear-gradient(top, #7D8F8C 0%, #49736C 50%, #23584F 100%);
    background: linear-gradient(to bottom, #7D8F8C 0%, #49736C 50%, #23584F 100%);
}
</style>