#B5A8B9 - #CEDDC2 | 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 #B5A8B9 a #CEDDC2

#B5A8B9 #CEDDC2

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

#B5A8B9 - #CEDDC2 | 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 #B5A8B9 come 0% e #CEDDC2 come 100%.

0.0%	0.0% #B5A8B9	RGB 181 168 185	#B5A8B9
16.7%	16.7% #B9B0BA	RGB 185 176 186	#B9B0BA
33.3%	33.3% #BDB9BC	RGB 189 185 188	#BDB9BC
50.0%	50.0% #C1C2BD	RGB 193 194 189	#C1C2BD
66.7%	66.7% #C5CBBF	RGB 197 203 191	#C5CBBF
83.3%	83.3% #C9D4C0	RGB 201 212 192	#C9D4C0
100.0%	100.0% #CEDDC2	RGB 206 221 194	#CEDDC2

#B5A8B9 #B9B0BA #BDB9BC #C1C2BD #C5CBBF #C9D4C0 #CEDDC2

#B5A8B9 - #CEDDC2

Miscela HSV

#B5A8B9 - #CEDDC2 | 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 #B5A8B9 come 0% e #CEDDC2 come 100%.

0.0%	0.0% #B5A8B9	RGB 181 168 185	#B5A8B9
16.7%	16.7% #BFACBA	RGB 191 172 186	#BFACBA
33.3%	33.3% #C5B0B7	RGB 197 176 183	#C5B0B7
50.0%	50.0% #CBB8B5	RGB 203 184 181	#CBB8B5
66.7%	66.7% #D1C8B9	RGB 209 200 185	#D1C8B9
83.3%	83.3% #D4D7BD	RGB 212 215 189	#D4D7BD
100.0%	100.0% #CEDDC2	RGB 206 221 194	#CEDDC2

#B5A8B9 #BFACBA #C5B0B7 #CBB8B5 #D1C8B9 #D4D7BD #CEDDC2

#B5A8B9 - #CBB8B5 - #CEDDC2

Codici CSS

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

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