#B0BCB7 - #5A8275 | 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 #B0BCB7 a #5A8275

#B0BCB7 #5A8275

Calcola il colore tra due colori, #B0BCB7 e #5A8275. 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)

#B0BCB7 - #5A8275 | 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 #B0BCB7 come 0% e #5A8275 come 100%.

0.0%	0.0% #B0BCB7	RGB 176 188 183	#B0BCB7
16.7%	16.7% #A1B2AC	RGB 161 178 172	#A1B2AC
33.3%	33.3% #93A8A1	RGB 147 168 161	#93A8A1
50.0%	50.0% #859F96	RGB 133 159 150	#859F96
66.7%	66.7% #76958B	RGB 118 149 139	#76958B
83.3%	83.3% #688B80	RGB 104 139 128	#688B80
100.0%	100.0% #5A8275	RGB 90 130 117	#5A8275

#B0BCB7 #A1B2AC #93A8A1 #859F96 #76958B #688B80 #5A8275

#B0BCB7 - #5A8275

Miscela HSV

#B0BCB7 - #5A8275 | 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 #B0BCB7 come 0% e #5A8275 come 100%.

0.0%	0.0% #B0BCB7	RGB 176 188 183	#B0BCB7
16.7%	16.7% #9FB2AA	RGB 159 178 170	#9FB2AA
33.3%	33.3% #90A89F	RGB 144 168 159	#90A89F
50.0%	50.0% #819F94	RGB 129 159 148	#819F94
66.7%	66.7% #739589	RGB 115 149 137	#739589
83.3%	83.3% #668B7E	RGB 102 139 126	#668B7E
100.0%	100.0% #5A8275	RGB 90 130 117	#5A8275

#B0BCB7 #9FB2AA #90A89F #819F94 #739589 #668B7E #5A8275

#B0BCB7 - #819F94 - #5A8275

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0BCB7 0%, #819F94 50%, #5A8275 100%);
    background: -webkit-linear-gradient(top, #B0BCB7 0%, #819F94 50%, #5A8275 100%);
    background: linear-gradient(to bottom, #B0BCB7 0%, #819F94 50%, #5A8275 100%);
}
</style>