#ADB02C - #31320C | 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 #ADB02C a #31320C

#ADB02C #31320C

Calcola il colore tra due colori, #ADB02C e #31320C. 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)

#ADB02C - #31320C | 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 #ADB02C come 0% e #31320C come 100%.

0.0%	0.0% #ADB02C	RGB 173 176 44	#ADB02C
16.7%	16.7% #989B26	RGB 152 155 38	#989B26
33.3%	33.3% #838621	RGB 131 134 33	#838621
50.0%	50.0% #6F711C	RGB 111 113 28	#6F711C
66.7%	66.7% #5A5C16	RGB 90 92 22	#5A5C16
83.3%	83.3% #454711	RGB 69 71 17	#454711
100.0%	100.0% #31320C	RGB 49 50 12	#31320C

#ADB02C #989B26 #838621 #6F711C #5A5C16 #454711 #31320C

#ADB02C - #31320C

Miscela HSV

#ADB02C - #31320C | 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 #ADB02C come 0% e #31320C come 100%.

0.0%	0.0% #ADB02C	RGB 173 176 44	#ADB02C
16.7%	16.7% #989B26	RGB 152 155 38	#989B26
33.3%	33.3% #838621	RGB 131 134 33	#838621
50.0%	50.0% #6E711B	RGB 110 113 27	#6E711B
66.7%	66.7% #5A5C16	RGB 90 92 22	#5A5C16
83.3%	83.3% #454711	RGB 69 71 17	#454711
100.0%	100.0% #31320C	RGB 49 50 12	#31320C

#ADB02C #989B26 #838621 #6E711B #5A5C16 #454711 #31320C

#ADB02C - #6E711B - #31320C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADB02C 0%, #6E711B 50%, #31320C 100%);
    background: -webkit-linear-gradient(top, #ADB02C 0%, #6E711B 50%, #31320C 100%);
    background: linear-gradient(to bottom, #ADB02C 0%, #6E711B 50%, #31320C 100%);
}
</style>