#5E3E42 - #CC815F | 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 #5E3E42 a #CC815F

#5E3E42 #CC815F

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

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

0.0%	0.0% #5E3E42	RGB 94 62 66	#5E3E42
16.7%	16.7% #704946	RGB 112 73 70	#704946
33.3%	33.3% #82544B	RGB 130 84 75	#82544B
50.0%	50.0% #955F50	RGB 149 95 80	#955F50
66.7%	66.7% #A76A55	RGB 167 106 85	#A76A55
83.3%	83.3% #B9755A	RGB 185 117 90	#B9755A
100.0%	100.0% #CC815F	RGB 204 129 95	#CC815F

#5E3E42 #704946 #82544B #955F50 #A76A55 #B9755A #CC815F

#5E3E42 - #CC815F

Miscela HSV

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

0.0%	0.0% #5E3E42	RGB 94 62 66	#5E3E42
16.7%	16.7% #704648	RGB 112 70 72	#704648
33.3%	33.3% #824E4D	RGB 130 78 77	#824E4D
50.0%	50.0% #955953	RGB 149 89 83	#955953
66.7%	66.7% #A76558	RGB 167 101 88	#A76558
83.3%	83.3% #B9725C	RGB 185 114 92	#B9725C
100.0%	100.0% #CC815F	RGB 204 129 95	#CC815F

#5E3E42 #704648 #824E4D #955953 #A76558 #B9725C #CC815F

#5E3E42 - #955953 - #CC815F

Codici CSS

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

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