#BBC1B3 - #738E5E | 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 #BBC1B3 a #738E5E

#BBC1B3 #738E5E

Calcola il colore tra due colori, #BBC1B3 e #738E5E. 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)

#BBC1B3 - #738E5E | 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 #BBC1B3 come 0% e #738E5E come 100%.

0.0%	0.0% #BBC1B3	RGB 187 193 179	#BBC1B3
16.7%	16.7% #AFB8A4	RGB 175 184 164	#AFB8A4
33.3%	33.3% #A3B096	RGB 163 176 150	#A3B096
50.0%	50.0% #97A788	RGB 151 167 136	#97A788
66.7%	66.7% #8B9F7A	RGB 139 159 122	#8B9F7A
83.3%	83.3% #7F966C	RGB 127 150 108	#7F966C
100.0%	100.0% #738E5E	RGB 115 142 94	#738E5E

#BBC1B3 #AFB8A4 #A3B096 #97A788 #8B9F7A #7F966C #738E5E

#BBC1B3 - #738E5E

Miscela HSV

#BBC1B3 - #738E5E | 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 #BBC1B3 come 0% e #738E5E come 100%.

0.0%	0.0% #BBC1B3	RGB 187 193 179	#BBC1B3
16.7%	16.7% #AEB8A2	RGB 174 184 162	#AEB8A2
33.3%	33.3% #A2B093	RGB 162 176 147	#A2B093
50.0%	50.0% #96A785	RGB 150 167 133	#96A785
66.7%	66.7% #8A9F77	RGB 138 159 119	#8A9F77
83.3%	83.3% #7E966A	RGB 126 150 106	#7E966A
100.0%	100.0% #738E5E	RGB 115 142 94	#738E5E

#BBC1B3 #AEB8A2 #A2B093 #96A785 #8A9F77 #7E966A #738E5E

#BBC1B3 - #96A785 - #738E5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC1B3 0%, #96A785 50%, #738E5E 100%);
    background: -webkit-linear-gradient(top, #BBC1B3 0%, #96A785 50%, #738E5E 100%);
    background: linear-gradient(to bottom, #BBC1B3 0%, #96A785 50%, #738E5E 100%);
}
</style>