#200909 - #2D0405 | 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 #200909 a #2D0405

#200909 #2D0405

Calcola il colore tra due colori, #200909 e #2D0405. 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)

#200909 - #2D0405 | 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 #200909 come 0% e #2D0405 come 100%.

0.0%	0.0% #200909	RGB 32 9 9	#200909
16.7%	16.7% #220808	RGB 34 8 8	#220808
33.3%	33.3% #240707	RGB 36 7 7	#240707
50.0%	50.0% #260607	RGB 38 6 7	#260607
66.7%	66.7% #280506	RGB 40 5 6	#280506
83.3%	83.3% #2A0405	RGB 42 4 5	#2A0405
100.0%	100.0% #2D0405	RGB 45 4 5	#2D0405

#200909 #220808 #240707 #260607 #280506 #2A0405 #2D0405

#200909 - #2D0405

Miscela HSV

#200909 - #2D0405 | 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 #200909 come 0% e #2D0405 come 100%.

0.0%	0.0% #200909	RGB 32 9 9	#200909
16.7%	16.7% #220808	RGB 34 8 8	#220808
33.3%	33.3% #240708	RGB 36 7 8	#240708
50.0%	50.0% #260707	RGB 38 7 7	#260707
66.7%	66.7% #280606	RGB 40 6 6	#280606
83.3%	83.3% #2A0505	RGB 42 5 5	#2A0505
100.0%	100.0% #2D0405	RGB 45 4 5	#2D0405

#200909 #220808 #240708 #260707 #280606 #2A0505 #2D0405

#200909 - #260707 - #2D0405

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #200909 0%, #260707 50%, #2D0405 100%);
    background: -webkit-linear-gradient(top, #200909 0%, #260707 50%, #2D0405 100%);
    background: linear-gradient(to bottom, #200909 0%, #260707 50%, #2D0405 100%);
}
</style>