#28150B - #290B05 | 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 #28150B a #290B05

#28150B #290B05

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

#28150B - #290B05 | 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 #28150B come 0% e #290B05 come 100%.

0.0%	0.0% #28150B	RGB 40 21 11	#28150B
16.7%	16.7% #28130A	RGB 40 19 10	#28130A
33.3%	33.3% #281109	RGB 40 17 9	#281109
50.0%	50.0% #281008	RGB 40 16 8	#281008
66.7%	66.7% #280E07	RGB 40 14 7	#280E07
83.3%	83.3% #280C06	RGB 40 12 6	#280C06
100.0%	100.0% #290B05	RGB 41 11 5	#290B05

#28150B #28130A #281109 #281008 #280E07 #280C06 #290B05

#28150B - #290B05

Miscela HSV

#28150B - #290B05 | 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 #28150B come 0% e #290B05 come 100%.

0.0%	0.0% #28150A	RGB 40 21 10	#28150A
16.7%	16.7% #28130A	RGB 40 19 10	#28130A
33.3%	33.3% #281109	RGB 40 17 9	#281109
50.0%	50.0% #281008	RGB 40 16 8	#281008
66.7%	66.7% #280E07	RGB 40 14 7	#280E07
83.3%	83.3% #280C06	RGB 40 12 6	#280C06
100.0%	100.0% #290B05	RGB 41 11 5	#290B05

#28150A #28130A #281109 #281008 #280E07 #280C06 #290B05

#28150B - #281008 - #290B05

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28150A 0%, #281008 50%, #290B05 100%);
    background: -webkit-linear-gradient(top, #28150A 0%, #281008 50%, #290B05 100%);
    background: linear-gradient(to bottom, #28150A 0%, #281008 50%, #290B05 100%);
}
</style>