#CC5E50 - #3A1A16 | 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 #CC5E50 a #3A1A16

#CC5E50 #3A1A16

Calcola il colore tra due colori, #CC5E50 e #3A1A16. 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)

#CC5E50 - #3A1A16 | 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 #CC5E50 come 0% e #3A1A16 come 100%.

0.0%	0.0% #CC5E50	RGB 204 94 80	#CC5E50
16.7%	16.7% #B35246	RGB 179 82 70	#B35246
33.3%	33.3% #9B473C	RGB 155 71 60	#9B473C
50.0%	50.0% #833C33	RGB 131 60 51	#833C33
66.7%	66.7% #6A3029	RGB 106 48 41	#6A3029
83.3%	83.3% #52251F	RGB 82 37 31	#52251F
100.0%	100.0% #3A1A16	RGB 58 26 22	#3A1A16

#CC5E50 #B35246 #9B473C #833C33 #6A3029 #52251F #3A1A16

#CC5E50 - #3A1A16

Miscela HSV

#CC5E50 - #3A1A16 | 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 #CC5E50 come 0% e #3A1A16 come 100%.

0.0%	0.0% #CC5E50	RGB 204 94 80	#CC5E50
16.7%	16.7% #B35246	RGB 179 82 70	#B35246
33.3%	33.3% #9B463C	RGB 155 70 60	#9B463C
50.0%	50.0% #833B32	RGB 131 59 50	#833B32
66.7%	66.7% #6A3028	RGB 106 48 40	#6A3028
83.3%	83.3% #52251F	RGB 82 37 31	#52251F
100.0%	100.0% #3A1A16	RGB 58 26 22	#3A1A16

#CC5E50 #B35246 #9B463C #833B32 #6A3028 #52251F #3A1A16

#CC5E50 - #833B32 - #3A1A16

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC5E50 0%, #833B32 50%, #3A1A16 100%);
    background: -webkit-linear-gradient(top, #CC5E50 0%, #833B32 50%, #3A1A16 100%);
    background: linear-gradient(to bottom, #CC5E50 0%, #833B32 50%, #3A1A16 100%);
}
</style>