#BBC1AF - #768D5A | 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 #BBC1AF a #768D5A

#BBC1AF #768D5A

Calcola il colore tra due colori, #BBC1AF e #768D5A. 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)

#BBC1AF - #768D5A | 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 #BBC1AF come 0% e #768D5A come 100%.

0.0%	0.0% #BBC1AF	RGB 187 193 175	#BBC1AF
16.7%	16.7% #AFB8A0	RGB 175 184 160	#AFB8A0
33.3%	33.3% #A4AF92	RGB 164 175 146	#A4AF92
50.0%	50.0% #98A784	RGB 152 167 132	#98A784
66.7%	66.7% #8D9E76	RGB 141 158 118	#8D9E76
83.3%	83.3% #819568	RGB 129 149 104	#819568
100.0%	100.0% #768D5A	RGB 118 141 90	#768D5A

#BBC1AF #AFB8A0 #A4AF92 #98A784 #8D9E76 #819568 #768D5A

#BBC1AF - #768D5A

Miscela HSV

#BBC1AF - #768D5A | 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 #BBC1AF come 0% e #768D5A come 100%.

0.0%	0.0% #BBC1AF	RGB 187 193 175	#BBC1AF
16.7%	16.7% #AFB89E	RGB 175 184 158	#AFB89E
33.3%	33.3% #A3AF8F	RGB 163 175 143	#A3AF8F
50.0%	50.0% #98A781	RGB 152 167 129	#98A781
66.7%	66.7% #8C9E73	RGB 140 158 115	#8C9E73
83.3%	83.3% #819566	RGB 129 149 102	#819566
100.0%	100.0% #768D5A	RGB 118 141 90	#768D5A

#BBC1AF #AFB89E #A3AF8F #98A781 #8C9E73 #819566 #768D5A

#BBC1AF - #98A781 - #768D5A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC1AF 0%, #98A781 50%, #768D5A 100%);
    background: -webkit-linear-gradient(top, #BBC1AF 0%, #98A781 50%, #768D5A 100%);
    background: linear-gradient(to bottom, #BBC1AF 0%, #98A781 50%, #768D5A 100%);
}
</style>