#6B7A8C - #D3CEAB | 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 #6B7A8C a #D3CEAB

#6B7A8C #D3CEAB

Calcola il colore tra due colori, #6B7A8C e #D3CEAB. 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)

#6B7A8C - #D3CEAB | 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 #6B7A8C come 0% e #D3CEAB come 100%.

0.0%	0.0% #6B7A8C	RGB 107 122 140	#6B7A8C
16.7%	16.7% #7C8891	RGB 124 136 145	#7C8891
33.3%	33.3% #8D9696	RGB 141 150 150	#8D9696
50.0%	50.0% #9FA49B	RGB 159 164 155	#9FA49B
66.7%	66.7% #B0B2A0	RGB 176 178 160	#B0B2A0
83.3%	83.3% #C1C0A5	RGB 193 192 165	#C1C0A5
100.0%	100.0% #D3CEAB	RGB 211 206 171	#D3CEAB

#6B7A8C #7C8891 #8D9696 #9FA49B #B0B2A0 #C1C0A5 #D3CEAB

#6B7A8C - #D3CEAB

Miscela HSV

#6B7A8C - #D3CEAB | 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 #6B7A8C come 0% e #D3CEAB come 100%.

0.0%	0.0% #6B7A8C	RGB 107 122 140	#6B7A8C
16.7%	16.7% #759497	RGB 117 148 151	#759497
33.3%	33.3% #7FA397	RGB 127 163 151	#7FA397
50.0%	50.0% #8AAF92	RGB 138 175 146	#8AAF92
66.7%	66.7% #9DBB94	RGB 157 187 148	#9DBB94
83.3%	83.3% #BAC79F	RGB 186 199 159	#BAC79F
100.0%	100.0% #D3CEAB	RGB 211 206 171	#D3CEAB

#6B7A8C #759497 #7FA397 #8AAF92 #9DBB94 #BAC79F #D3CEAB

#6B7A8C - #8AAF92 - #D3CEAB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B7A8C 0%, #8AAF92 50%, #D3CEAB 100%);
    background: -webkit-linear-gradient(top, #6B7A8C 0%, #8AAF92 50%, #D3CEAB 100%);
    background: linear-gradient(to bottom, #6B7A8C 0%, #8AAF92 50%, #D3CEAB 100%);
}
</style>