#C9230D - #6D150B | 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 #C9230D a #6D150B

#C9230D #6D150B

Calcola il colore tra due colori, #C9230D e #6D150B. 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)

#C9230D - #6D150B | 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 #C9230D come 0% e #6D150B come 100%.

0.0%	0.0% #C9230D	RGB 201 35 13	#C9230D
16.7%	16.7% #B9200C	RGB 185 32 12	#B9200C
33.3%	33.3% #AA1E0C	RGB 170 30 12	#AA1E0C
50.0%	50.0% #9B1C0C	RGB 155 28 12	#9B1C0C
66.7%	66.7% #8B190B	RGB 139 25 11	#8B190B
83.3%	83.3% #7C170B	RGB 124 23 11	#7C170B
100.0%	100.0% #6D150B	RGB 109 21 11	#6D150B

#C9230D #B9200C #AA1E0C #9B1C0C #8B190B #7C170B #6D150B

#C9230D - #6D150B

Miscela HSV

#C9230D - #6D150B | 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 #C9230D come 0% e #6D150B come 100%.

0.0%	0.0% #C9230D	RGB 201 35 13	#C9230D
16.7%	16.7% #B9200D	RGB 185 32 13	#B9200D
33.3%	33.3% #AA1E0D	RGB 170 30 13	#AA1E0D
50.0%	50.0% #9B1C0C	RGB 155 28 12	#9B1C0C
66.7%	66.7% #8B1A0C	RGB 139 26 12	#8B1A0C
83.3%	83.3% #7C170B	RGB 124 23 11	#7C170B
100.0%	100.0% #6D150B	RGB 109 21 11	#6D150B

#C9230D #B9200D #AA1E0D #9B1C0C #8B1A0C #7C170B #6D150B

#C9230D - #9B1C0C - #6D150B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9230D 0%, #9B1C0C 50%, #6D150B 100%);
    background: -webkit-linear-gradient(top, #C9230D 0%, #9B1C0C 50%, #6D150B 100%);
    background: linear-gradient(to bottom, #C9230D 0%, #9B1C0C 50%, #6D150B 100%);
}
</style>