#75030B - #210003 | 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 #75030B a #210003

#75030B #210003

Calcola il colore tra due colori, #75030B e #210003. 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)

#75030B - #210003 | 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 #75030B come 0% e #210003 come 100%.

0.0%	0.0% #75030B	RGB 117 3 11	#75030B
16.7%	16.7% #670209	RGB 103 2 9	#670209
33.3%	33.3% #590208	RGB 89 2 8	#590208
50.0%	50.0% #4B0107	RGB 75 1 7	#4B0107
66.7%	66.7% #3D0105	RGB 61 1 5	#3D0105
83.3%	83.3% #2F0004	RGB 47 0 4	#2F0004
100.0%	100.0% #210003	RGB 33 0 3	#210003

#75030B #670209 #590208 #4B0107 #3D0105 #2F0004 #210003

#75030B - #210003

Miscela HSV

#75030B - #210003 | 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 #75030B come 0% e #210003 come 100%.

0.0%	0.0% #75030B	RGB 117 3 11	#75030B
16.7%	16.7% #670209	RGB 103 2 9	#670209
33.3%	33.3% #590108	RGB 89 1 8	#590108
50.0%	50.0% #4B0006	RGB 75 0 6	#4B0006
66.7%	66.7% #3D0005	RGB 61 0 5	#3D0005
83.3%	83.3% #2F0004	RGB 47 0 4	#2F0004
100.0%	100.0% #210003	RGB 33 0 3	#210003

#75030B #670209 #590108 #4B0006 #3D0005 #2F0004 #210003

#75030B - #4B0006 - #210003

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75030B 0%, #4B0006 50%, #210003 100%);
    background: -webkit-linear-gradient(top, #75030B 0%, #4B0006 50%, #210003 100%);
    background: linear-gradient(to bottom, #75030B 0%, #4B0006 50%, #210003 100%);
}
</style>