#671E5E - #3F0015 | 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 #671E5E a #3F0015

#671E5E #3F0015

Calcola il colore tra due colori, #671E5E e #3F0015. 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)

#671E5E - #3F0015 | 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 #671E5E come 0% e #3F0015 come 100%.

0.0%	0.0% #671E5E	RGB 103 30 94	#671E5E
16.7%	16.7% #601951	RGB 96 25 81	#601951
33.3%	33.3% #591445	RGB 89 20 69	#591445
50.0%	50.0% #530F39	RGB 83 15 57	#530F39
66.7%	66.7% #4C0A2D	RGB 76 10 45	#4C0A2D
83.3%	83.3% #450521	RGB 69 5 33	#450521
100.0%	100.0% #3F0015	RGB 63 0 21	#3F0015

#671E5E #601951 #591445 #530F39 #4C0A2D #450521 #3F0015

#671E5E - #3F0015

Miscela HSV

#671E5E - #3F0015 | 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 #671E5E come 0% e #3F0015 come 100%.

0.0%	0.0% #671E5E	RGB 103 30 94	#671E5E
16.7%	16.7% #601750	RGB 96 23 80	#601750
33.3%	33.3% #591143	RGB 89 17 67	#591143
50.0%	50.0% #530C36	RGB 83 12 54	#530C36
66.7%	66.7% #4C072A	RGB 76 7 42	#4C072A
83.3%	83.3% #45031F	RGB 69 3 31	#45031F
100.0%	100.0% #3F0015	RGB 63 0 21	#3F0015

#671E5E #601750 #591143 #530C36 #4C072A #45031F #3F0015

#671E5E - #530C36 - #3F0015

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #671E5E 0%, #530C36 50%, #3F0015 100%);
    background: -webkit-linear-gradient(top, #671E5E 0%, #530C36 50%, #3F0015 100%);
    background: linear-gradient(to bottom, #671E5E 0%, #530C36 50%, #3F0015 100%);
}
</style>