#3C4047 - #8F8071 | 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 #3C4047 a #8F8071

#3C4047 #8F8071

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

#3C4047 - #8F8071 | 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 #3C4047 come 0% e #8F8071 come 100%.

0.0%	0.0% #3C4047	RGB 60 64 71	#3C4047
16.7%	16.7% #494A4E	RGB 73 74 78	#494A4E
33.3%	33.3% #575555	RGB 87 85 85	#575555
50.0%	50.0% #65605C	RGB 101 96 92	#65605C
66.7%	66.7% #736A63	RGB 115 106 99	#736A63
83.3%	83.3% #81756A	RGB 129 117 106	#81756A
100.0%	100.0% #8F8071	RGB 143 128 113	#8F8071

#3C4047 #494A4E #575555 #65605C #736A63 #81756A #8F8071

#3C4047 - #8F8071

Miscela HSV

#3C4047 - #8F8071 | 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 #3C4047 come 0% e #8F8071 come 100%.

0.0%	0.0% #3C4047	RGB 60 64 71	#3C4047
16.7%	16.7% #464553	RGB 70 69 83	#464553
33.3%	33.3% #584E5F	RGB 88 78 95	#584E5F
50.0%	50.0% #6B5769	RGB 107 87 105	#6B5769
66.7%	66.7% #77606A	RGB 119 96 106	#77606A
83.3%	83.3% #836968	RGB 131 105 104	#836968
100.0%	100.0% #8F8071	RGB 143 128 113	#8F8071

#3C4047 #464553 #584E5F #6B5769 #77606A #836968 #8F8071

#3C4047 - #6B5769 - #8F8071

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4047 0%, #6B5769 50%, #8F8071 100%);
    background: -webkit-linear-gradient(top, #3C4047 0%, #6B5769 50%, #8F8071 100%);
    background: linear-gradient(to bottom, #3C4047 0%, #6B5769 50%, #8F8071 100%);
}
</style>