#4D1515 - #CCBCBC | 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 #4D1515 a #CCBCBC

#4D1515 #CCBCBC

Calcola il colore tra due colori, #4D1515 e #CCBCBC. 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)

#4D1515 - #CCBCBC | 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 #4D1515 come 0% e #CCBCBC come 100%.

0.0%	0.0% #4D1515	RGB 77 21 21	#4D1515
16.7%	16.7% #623030	RGB 98 48 48	#623030
33.3%	33.3% #774C4C	RGB 119 76 76	#774C4C
50.0%	50.0% #8C6868	RGB 140 104 104	#8C6868
66.7%	66.7% #A18484	RGB 161 132 132	#A18484
83.3%	83.3% #B6A0A0	RGB 182 160 160	#B6A0A0
100.0%	100.0% #CCBCBC	RGB 204 188 188	#CCBCBC

#4D1515 #623030 #774C4C #8C6868 #A18484 #B6A0A0 #CCBCBC

#4D1515 - #CCBCBC

Miscela HSV

#4D1515 - #CCBCBC | 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 #4D1515 come 0% e #CCBCBC come 100%.

0.0%	0.0% #4D1414	RGB 77 20 20	#4D1414
16.7%	16.7% #622525	RGB 98 37 37	#622525
33.3%	33.3% #773A3A	RGB 119 58 58	#773A3A
50.0%	50.0% #8C5353	RGB 140 83 83	#8C5353
66.7%	66.7% #A17272	RGB 161 114 114	#A17272
83.3%	83.3% #B69494	RGB 182 148 148	#B69494
100.0%	100.0% #CCBCBC	RGB 204 188 188	#CCBCBC

#4D1414 #622525 #773A3A #8C5353 #A17272 #B69494 #CCBCBC

#4D1515 - #8C5353 - #CCBCBC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1414 0%, #8C5353 50%, #CCBCBC 100%);
    background: -webkit-linear-gradient(top, #4D1414 0%, #8C5353 50%, #CCBCBC 100%);
    background: linear-gradient(to bottom, #4D1414 0%, #8C5353 50%, #CCBCBC 100%);
}
</style>