#5E072D - #AF3847 | 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 #5E072D a #AF3847

#5E072D #AF3847

Calcola il colore tra due colori, #5E072D e #AF3847. 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)

#5E072D - #AF3847 | 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 #5E072D come 0% e #AF3847 come 100%.

0.0%	0.0% #5E072D	RGB 94 7 45	#5E072D
16.7%	16.7% #6B0F31	RGB 107 15 49	#6B0F31
33.3%	33.3% #791735	RGB 121 23 53	#791735
50.0%	50.0% #861F3A	RGB 134 31 58	#861F3A
66.7%	66.7% #94273E	RGB 148 39 62	#94273E
83.3%	83.3% #A12F42	RGB 161 47 66	#A12F42
100.0%	100.0% #AF3847	RGB 175 56 71	#AF3847

#5E072D #6B0F31 #791735 #861F3A #94273E #A12F42 #AF3847

#5E072D - #AF3847

Miscela HSV

#5E072D - #AF3847 | 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 #5E072D come 0% e #AF3847 come 100%.

0.0%	0.0% #5E062D	RGB 94 6 45	#5E062D
16.7%	16.7% #6B0C31	RGB 107 12 49	#6B0C31
33.3%	33.3% #791234	RGB 121 18 52	#791234
50.0%	50.0% #861A38	RGB 134 26 56	#861A38
66.7%	66.7% #94233D	RGB 148 35 61	#94233D
83.3%	83.3% #A12D41	RGB 161 45 65	#A12D41
100.0%	100.0% #AF3847	RGB 175 56 71	#AF3847

#5E062D #6B0C31 #791234 #861A38 #94233D #A12D41 #AF3847

#5E072D - #861A38 - #AF3847

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E062D 0%, #861A38 50%, #AF3847 100%);
    background: -webkit-linear-gradient(top, #5E062D 0%, #861A38 50%, #AF3847 100%);
    background: linear-gradient(to bottom, #5E062D 0%, #861A38 50%, #AF3847 100%);
}
</style>