#594B5E - #E3906D | 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 #594B5E a #E3906D

#594B5E #E3906D

Calcola il colore tra due colori, #594B5E e #E3906D. 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)

#594B5E - #E3906D | 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 #594B5E come 0% e #E3906D come 100%.

0.0%	0.0% #594B5E	RGB 89 75 94	#594B5E
16.7%	16.7% #705660	RGB 112 86 96	#705660
33.3%	33.3% #876263	RGB 135 98 99	#876263
50.0%	50.0% #9E6D65	RGB 158 109 101	#9E6D65
66.7%	66.7% #B57968	RGB 181 121 104	#B57968
83.3%	83.3% #CC846A	RGB 204 132 106	#CC846A
100.0%	100.0% #E3906D	RGB 227 144 109	#E3906D

#594B5E #705660 #876263 #9E6D65 #B57968 #CC846A #E3906D

#594B5E - #E3906D

Miscela HSV

#594B5E - #E3906D | 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 #594B5E come 0% e #E3906D come 100%.

0.0%	0.0% #594B5E	RGB 89 75 94	#594B5E
16.7%	16.7% #745674	RGB 116 86 116	#745674
33.3%	33.3% #8A5F7F	RGB 138 95 127	#8A5F7F
50.0%	50.0% #A06682	RGB 160 102 130	#A06682
66.7%	66.7% #B66B7B	RGB 182 107 123	#B66B7B
83.3%	83.3% #CC706D	RGB 204 112 109	#CC706D
100.0%	100.0% #E3906D	RGB 227 144 109	#E3906D

#594B5E #745674 #8A5F7F #A06682 #B66B7B #CC706D #E3906D

#594B5E - #A06682 - #E3906D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #594B5E 0%, #A06682 50%, #E3906D 100%);
    background: -webkit-linear-gradient(top, #594B5E 0%, #A06682 50%, #E3906D 100%);
    background: linear-gradient(to bottom, #594B5E 0%, #A06682 50%, #E3906D 100%);
}
</style>