#5E4656 - #CF6E9F | 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 #5E4656 a #CF6E9F

#5E4656 #CF6E9F

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

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

0.0%	0.0% #5E4656	RGB 94 70 86	#5E4656
16.7%	16.7% #704C62	RGB 112 76 98	#704C62
33.3%	33.3% #83536E	RGB 131 83 110	#83536E
50.0%	50.0% #965A7A	RGB 150 90 122	#965A7A
66.7%	66.7% #A96086	RGB 169 96 134	#A96086
83.3%	83.3% #BC6792	RGB 188 103 146	#BC6792
100.0%	100.0% #CF6E9F	RGB 207 110 159	#CF6E9F

#5E4656 #704C62 #83536E #965A7A #A96086 #BC6792 #CF6E9F

#5E4656 - #CF6E9F

Miscela HSV

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

0.0%	0.0% #5E4656	RGB 94 70 86	#5E4656
16.7%	16.7% #705065	RGB 112 80 101	#705065
33.3%	33.3% #835873	RGB 131 88 115	#835873
50.0%	50.0% #96607F	RGB 150 96 127	#96607F
66.7%	66.7% #A9668B	RGB 169 102 139	#A9668B
83.3%	83.3% #BC6A96	RGB 188 106 150	#BC6A96
100.0%	100.0% #CF6E9F	RGB 207 110 159	#CF6E9F

#5E4656 #705065 #835873 #96607F #A9668B #BC6A96 #CF6E9F

#5E4656 - #96607F - #CF6E9F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4656 0%, #96607F 50%, #CF6E9F 100%);
    background: -webkit-linear-gradient(top, #5E4656 0%, #96607F 50%, #CF6E9F 100%);
    background: linear-gradient(to bottom, #5E4656 0%, #96607F 50%, #CF6E9F 100%);
}
</style>