#818B5E - #EADB82 | 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 #818B5E a #EADB82

#818B5E #EADB82

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

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

0.0%	0.0% #818B5E	RGB 129 139 94	#818B5E
16.7%	16.7% #929864	RGB 146 152 100	#929864
33.3%	33.3% #A4A56A	RGB 164 165 106	#A4A56A
50.0%	50.0% #B5B370	RGB 181 179 112	#B5B370
66.7%	66.7% #C7C076	RGB 199 192 118	#C7C076
83.3%	83.3% #D8CD7C	RGB 216 205 124	#D8CD7C
100.0%	100.0% #EADB82	RGB 234 219 130	#EADB82

#818B5E #929864 #A4A56A #B5B370 #C7C076 #D8CD7C #EADB82

#818B5E - #EADB82

Miscela HSV

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

0.0%	0.0% #818B5E	RGB 129 139 94	#818B5E
16.7%	16.7% #929A65	RGB 146 154 101	#929A65
33.3%	33.3% #A4AA6C	RGB 164 170 108	#A4AA6C
50.0%	50.0% #B7BA72	RGB 183 186 114	#B7BA72
66.7%	66.7% #CAC878	RGB 202 200 120	#CAC878
83.3%	83.3% #DAD27D	RGB 218 210 125	#DAD27D
100.0%	100.0% #EADB82	RGB 234 219 130	#EADB82

#818B5E #929A65 #A4AA6C #B7BA72 #CAC878 #DAD27D #EADB82

#818B5E - #B7BA72 - #EADB82

Codici CSS

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

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