#7B5E5E - #9BBCB4 | 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 #7B5E5E a #9BBCB4

#7B5E5E #9BBCB4

Calcola il colore tra due colori, #7B5E5E e #9BBCB4. 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)

#7B5E5E - #9BBCB4 | 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 #7B5E5E come 0% e #9BBCB4 come 100%.

0.0%	0.0% #7B5E5E	RGB 123 94 94	#7B5E5E
16.7%	16.7% #806D6C	RGB 128 109 108	#806D6C
33.3%	33.3% #857D7A	RGB 133 125 122	#857D7A
50.0%	50.0% #8B8D89	RGB 139 141 137	#8B8D89
66.7%	66.7% #909C97	RGB 144 156 151	#909C97
83.3%	83.3% #95ACA5	RGB 149 172 165	#95ACA5
100.0%	100.0% #9BBCB4	RGB 155 188 180	#9BBCB4

#7B5E5E #806D6C #857D7A #8B8D89 #909C97 #95ACA5 #9BBCB4

#7B5E5E - #9BBCB4

Miscela HSV

#7B5E5E - #9BBCB4 | 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 #7B5E5E come 0% e #9BBCB4 come 100%.

0.0%	0.0% #7B5E5E	RGB 123 94 94	#7B5E5E
16.7%	16.7% #857567	RGB 133 117 103	#857567
33.3%	33.3% #908E71	RGB 144 142 113	#908E71
50.0%	50.0% #8F9B7B	RGB 143 155 123	#8F9B7B
66.7%	66.7% #8BA685	RGB 139 166 133	#8BA685
83.3%	83.3% #90B19A	RGB 144 177 154	#90B19A
100.0%	100.0% #9BBCB4	RGB 155 188 180	#9BBCB4

#7B5E5E #857567 #908E71 #8F9B7B #8BA685 #90B19A #9BBCB4

#7B5E5E - #8F9B7B - #9BBCB4

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E5E 0%, #8F9B7B 50%, #9BBCB4 100%);
    background: -webkit-linear-gradient(top, #7B5E5E 0%, #8F9B7B 50%, #9BBCB4 100%);
    background: linear-gradient(to bottom, #7B5E5E 0%, #8F9B7B 50%, #9BBCB4 100%);
}
</style>