#093C2D - #02110C | 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 #093C2D a #02110C

#093C2D #02110C

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

#093C2D - #02110C | 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 #093C2D come 0% e #02110C come 100%.

0.0%	0.0% #093C2D	RGB 9 60 45	#093C2D
16.7%	16.7% #073427	RGB 7 52 39	#073427
33.3%	33.3% #062D22	RGB 6 45 34	#062D22
50.0%	50.0% #05261C	RGB 5 38 28	#05261C
66.7%	66.7% #041F17	RGB 4 31 23	#041F17
83.3%	83.3% #031811	RGB 3 24 17	#031811
100.0%	100.0% #02110C	RGB 2 17 12	#02110C

#093C2D #073427 #062D22 #05261C #041F17 #031811 #02110C

#093C2D - #02110C

Miscela HSV

#093C2D - #02110C | 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 #093C2D come 0% e #02110C come 100%.

0.0%	0.0% #083C2D	RGB 8 60 45	#083C2D
16.7%	16.7% #073427	RGB 7 52 39	#073427
33.3%	33.3% #062D21	RGB 6 45 33	#062D21
50.0%	50.0% #05261C	RGB 5 38 28	#05261C
66.7%	66.7% #041F16	RGB 4 31 22	#041F16
83.3%	83.3% #021811	RGB 2 24 17	#021811
100.0%	100.0% #02110C	RGB 2 17 12	#02110C

#083C2D #073427 #062D21 #05261C #041F16 #021811 #02110C

#093C2D - #05261C - #02110C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #083C2D 0%, #05261C 50%, #02110C 100%);
    background: -webkit-linear-gradient(top, #083C2D 0%, #05261C 50%, #02110C 100%);
    background: linear-gradient(to bottom, #083C2D 0%, #05261C 50%, #02110C 100%);
}
</style>