#7B7F8C - #CFBAA2 | 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 #7B7F8C a #CFBAA2

#7B7F8C #CFBAA2

Calcola il colore tra due colori, #7B7F8C e #CFBAA2. 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)

#7B7F8C - #CFBAA2 | 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 #7B7F8C come 0% e #CFBAA2 come 100%.

0.0%	0.0% #7B7F8C	RGB 123 127 140	#7B7F8C
16.7%	16.7% #89888F	RGB 137 136 143	#89888F
33.3%	33.3% #979293	RGB 151 146 147	#979293
50.0%	50.0% #A59C97	RGB 165 156 151	#A59C97
66.7%	66.7% #B3A69A	RGB 179 166 154	#B3A69A
83.3%	83.3% #C1B09E	RGB 193 176 158	#C1B09E
100.0%	100.0% #CFBAA2	RGB 207 186 162	#CFBAA2

#7B7F8C #89888F #979293 #A59C97 #B3A69A #C1B09E #CFBAA2

#7B7F8C - #CFBAA2

Miscela HSV

#7B7F8C - #CFBAA2 | 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 #7B7F8C come 0% e #CFBAA2 come 100%.

0.0%	0.0% #7B7F8C	RGB 123 127 140	#7B7F8C
16.7%	16.7% #878297	RGB 135 130 151	#878297
33.3%	33.3% #9A89A2	RGB 154 137 162	#9A89A2
50.0%	50.0% #AD90A9	RGB 173 144 169	#AD90A9
66.7%	66.7% #B896A3	RGB 184 150 163	#B896A3
83.3%	83.3% #C39F9C	RGB 195 159 156	#C39F9C
100.0%	100.0% #CFBAA2	RGB 207 186 162	#CFBAA2

#7B7F8C #878297 #9A89A2 #AD90A9 #B896A3 #C39F9C #CFBAA2

#7B7F8C - #AD90A9 - #CFBAA2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B7F8C 0%, #AD90A9 50%, #CFBAA2 100%);
    background: -webkit-linear-gradient(top, #7B7F8C 0%, #AD90A9 50%, #CFBAA2 100%);
    background: linear-gradient(to bottom, #7B7F8C 0%, #AD90A9 50%, #CFBAA2 100%);
}
</style>