#5E473C - #A76B8F | 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 #5E473C a #A76B8F

#5E473C #A76B8F

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

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

0.0%	0.0% #5E473C	RGB 94 71 60	#5E473C
16.7%	16.7% #6A4D49	RGB 106 77 73	#6A4D49
33.3%	33.3% #765357	RGB 118 83 87	#765357
50.0%	50.0% #825965	RGB 130 89 101	#825965
66.7%	66.7% #8E5F73	RGB 142 95 115	#8E5F73
83.3%	83.3% #9A6581	RGB 154 101 129	#9A6581
100.0%	100.0% #A76B8F	RGB 167 107 143	#A76B8F

#5E473C #6A4D49 #765357 #825965 #8E5F73 #9A6581 #A76B8F

#5E473C - #A76B8F

Miscela HSV

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

0.0%	0.0% #5E473C	RGB 94 71 60	#5E473C
16.7%	16.7% #6A4A43	RGB 106 74 67	#6A4A43
33.3%	33.3% #764C4B	RGB 118 76 75	#764C4B
50.0%	50.0% #825359	RGB 130 83 89	#825359
66.7%	66.7% #8E5B6A	RGB 142 91 106	#8E5B6A
83.3%	83.3% #9A637B	RGB 154 99 123	#9A637B
100.0%	100.0% #A76B8F	RGB 167 107 143	#A76B8F

#5E473C #6A4A43 #764C4B #825359 #8E5B6A #9A637B #A76B8F

#5E473C - #825359 - #A76B8F

Codici CSS

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

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