#C27A8C - #372228 | 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 #C27A8C a #372228

#C27A8C #372228

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

#C27A8C - #372228 | 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 #C27A8C come 0% e #372228 come 100%.

0.0%	0.0% #C27A8C	RGB 194 122 140	#C27A8C
16.7%	16.7% #AA6B7B	RGB 170 107 123	#AA6B7B
33.3%	33.3% #935C6A	RGB 147 92 106	#935C6A
50.0%	50.0% #7C4E5A	RGB 124 78 90	#7C4E5A
66.7%	66.7% #653F49	RGB 101 63 73	#653F49
83.3%	83.3% #4E3038	RGB 78 48 56	#4E3038
100.0%	100.0% #372228	RGB 55 34 40	#372228

#C27A8C #AA6B7B #935C6A #7C4E5A #653F49 #4E3038 #372228

#C27A8C - #372228

Miscela HSV

#C27A8C - #372228 | 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 #C27A8C come 0% e #372228 come 100%.

0.0%	0.0% #C27A8C	RGB 194 122 140	#C27A8C
16.7%	16.7% #AA6B7B	RGB 170 107 123	#AA6B7B
33.3%	33.3% #935C6A	RGB 147 92 106	#935C6A
50.0%	50.0% #7C4D5A	RGB 124 77 90	#7C4D5A
66.7%	66.7% #653F49	RGB 101 63 73	#653F49
83.3%	83.3% #4E3038	RGB 78 48 56	#4E3038
100.0%	100.0% #372228	RGB 55 34 40	#372228

#C27A8C #AA6B7B #935C6A #7C4D5A #653F49 #4E3038 #372228

#C27A8C - #7C4D5A - #372228

Codici CSS

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

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