#5E3C3D - #CB7E58 | 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 #5E3C3D a #CB7E58

#5E3C3D #CB7E58

Calcola il colore tra due colori, #5E3C3D e #CB7E58. 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)

#5E3C3D - #CB7E58 | 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 #5E3C3D come 0% e #CB7E58 come 100%.

0.0%	0.0% #5E3C3D	RGB 94 60 61	#5E3C3D
16.7%	16.7% #704741	RGB 112 71 65	#704741
33.3%	33.3% #825246	RGB 130 82 70	#825246
50.0%	50.0% #945D4A	RGB 148 93 74	#945D4A
66.7%	66.7% #A6684F	RGB 166 104 79	#A6684F
83.3%	83.3% #B87353	RGB 184 115 83	#B87353
100.0%	100.0% #CB7E58	RGB 203 126 88	#CB7E58

#5E3C3D #704741 #825246 #945D4A #A6684F #B87353 #CB7E58

#5E3C3D - #CB7E58

Miscela HSV

#5E3C3D - #CB7E58 | 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 #5E3C3D come 0% e #CB7E58 come 100%.

0.0%	0.0% #5E3C3D	RGB 94 60 61	#5E3C3D
16.7%	16.7% #704543	RGB 112 69 67	#704543
33.3%	33.3% #824F4A	RGB 130 79 74	#824F4A
50.0%	50.0% #94594F	RGB 148 89 79	#94594F
66.7%	66.7% #A66553	RGB 166 101 83	#A66553
83.3%	83.3% #B87156	RGB 184 113 86	#B87156
100.0%	100.0% #CB7E58	RGB 203 126 88	#CB7E58

#5E3C3D #704543 #824F4A #94594F #A66553 #B87156 #CB7E58

#5E3C3D - #94594F - #CB7E58

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C3D 0%, #94594F 50%, #CB7E58 100%);
    background: -webkit-linear-gradient(top, #5E3C3D 0%, #94594F 50%, #CB7E58 100%);
    background: linear-gradient(to bottom, #5E3C3D 0%, #94594F 50%, #CB7E58 100%);
}
</style>