#2B051B - #C2B7BD | 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 #2B051B a #C2B7BD

#2B051B #C2B7BD

Calcola il colore tra due colori, #2B051B e #C2B7BD. 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)

#2B051B - #C2B7BD | 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 #2B051B come 0% e #C2B7BD come 100%.

0.0%	0.0% #2B051B	RGB 43 5 27	#2B051B
16.7%	16.7% #442236	RGB 68 34 54	#442236
33.3%	33.3% #5D4051	RGB 93 64 81	#5D4051
50.0%	50.0% #765E6C	RGB 118 94 108	#765E6C
66.7%	66.7% #8F7B87	RGB 143 123 135	#8F7B87
83.3%	83.3% #A899A2	RGB 168 153 162	#A899A2
100.0%	100.0% #C2B7BD	RGB 194 183 189	#C2B7BD

#2B051B #442236 #5D4051 #765E6C #8F7B87 #A899A2 #C2B7BD

#2B051B - #C2B7BD

Miscela HSV

#2B051B - #C2B7BD | 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 #2B051B come 0% e #C2B7BD come 100%.

0.0%	0.0% #2B051A	RGB 43 5 26	#2B051A
16.7%	16.7% #44112E	RGB 68 17 46	#44112E
33.3%	33.3% #5D2444	RGB 93 36 68	#5D2444
50.0%	50.0% #763E5E	RGB 118 62 94	#763E5E
66.7%	66.7% #8F5F7A	RGB 143 95 122	#8F5F7A
83.3%	83.3% #A8879A	RGB 168 135 154	#A8879A
100.0%	100.0% #C2B7BD	RGB 194 183 189	#C2B7BD

#2B051A #44112E #5D2444 #763E5E #8F5F7A #A8879A #C2B7BD

#2B051B - #763E5E - #C2B7BD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B051A 0%, #763E5E 50%, #C2B7BD 100%);
    background: -webkit-linear-gradient(top, #2B051A 0%, #763E5E 50%, #C2B7BD 100%);
    background: linear-gradient(to bottom, #2B051A 0%, #763E5E 50%, #C2B7BD 100%);
}
</style>