#2B051E - #C2B7BE | 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 #2B051E a #C2B7BE

#2B051E #C2B7BE

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

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

0.0%	0.0% #2B051E	RGB 43 5 30	#2B051E
16.7%	16.7% #442238	RGB 68 34 56	#442238
33.3%	33.3% #5D4053	RGB 93 64 83	#5D4053
50.0%	50.0% #765E6E	RGB 118 94 110	#765E6E
66.7%	66.7% #8F7B88	RGB 143 123 136	#8F7B88
83.3%	83.3% #A899A3	RGB 168 153 163	#A899A3
100.0%	100.0% #C2B7BE	RGB 194 183 190	#C2B7BE

#2B051E #442238 #5D4053 #765E6E #8F7B88 #A899A3 #C2B7BE

#2B051E - #C2B7BE

Miscela HSV

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

0.0%	0.0% #2B051E	RGB 43 5 30	#2B051E
16.7%	16.7% #441132	RGB 68 17 50	#441132
33.3%	33.3% #5D2449	RGB 93 36 73	#5D2449
50.0%	50.0% #763E62	RGB 118 62 98	#763E62
66.7%	66.7% #8F5F7E	RGB 143 95 126	#8F5F7E
83.3%	83.3% #A8879D	RGB 168 135 157	#A8879D
100.0%	100.0% #C2B7BE	RGB 194 183 190	#C2B7BE

#2B051E #441132 #5D2449 #763E62 #8F5F7E #A8879D #C2B7BE

#2B051E - #763E62 - #C2B7BE

Codici CSS

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

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