#425B5E - #ADA38E | 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 #425B5E a #ADA38E

#425B5E #ADA38E

Calcola il colore tra due colori, #425B5E e #ADA38E. 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)

#425B5E - #ADA38E | 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 #425B5E come 0% e #ADA38E come 100%.

0.0%	0.0% #425B5E	RGB 66 91 94	#425B5E
16.7%	16.7% #536766	RGB 83 103 102	#536766
33.3%	33.3% #65736E	RGB 101 115 110	#65736E
50.0%	50.0% #777F76	RGB 119 127 118	#777F76
66.7%	66.7% #898B7E	RGB 137 139 126	#898B7E
83.3%	83.3% #9B9786	RGB 155 151 134	#9B9786
100.0%	100.0% #ADA38E	RGB 173 163 142	#ADA38E

#425B5E #536766 #65736E #777F76 #898B7E #9B9786 #ADA38E

#425B5E - #ADA38E

Miscela HSV

#425B5E - #ADA38E | 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 #425B5E come 0% e #ADA38E come 100%.

0.0%	0.0% #425B5E	RGB 66 91 94	#425B5E
16.7%	16.7% #4D6B62	RGB 77 107 98	#4D6B62
33.3%	33.3% #597862	RGB 89 120 98	#597862
50.0%	50.0% #698565	RGB 105 133 101	#698565
66.7%	66.7% #839272	RGB 131 146 114	#839272
83.3%	83.3% #9D9F80	RGB 157 159 128	#9D9F80
100.0%	100.0% #ADA38E	RGB 173 163 142	#ADA38E

#425B5E #4D6B62 #597862 #698565 #839272 #9D9F80 #ADA38E

#425B5E - #698565 - #ADA38E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #425B5E 0%, #698565 50%, #ADA38E 100%);
    background: -webkit-linear-gradient(top, #425B5E 0%, #698565 50%, #ADA38E 100%);
    background: linear-gradient(to bottom, #425B5E 0%, #698565 50%, #ADA38E 100%);
}
</style>