#444669 - #92888E | 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 #444669 a #92888E

#444669 #92888E

Calcola il colore tra due colori, #444669 e #92888E. 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)

#444669 - #92888E | 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 #444669 come 0% e #92888E come 100%.

0.0%	0.0% #444669	RGB 68 70 105	#444669
16.7%	16.7% #51516F	RGB 81 81 111	#51516F
33.3%	33.3% #5E5C75	RGB 94 92 117	#5E5C75
50.0%	50.0% #6B677B	RGB 107 103 123	#6B677B
66.7%	66.7% #787281	RGB 120 114 129	#787281
83.3%	83.3% #857D87	RGB 133 125 135	#857D87
100.0%	100.0% #92888E	RGB 146 136 142	#92888E

#444669 #51516F #5E5C75 #6B677B #787281 #857D87 #92888E

#444669 - #92888E

Miscela HSV

#444669 - #92888E | 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 #444669 come 0% e #92888E come 100%.

0.0%	0.0% #444569	RGB 68 69 105	#444569
16.7%	16.7% #544D6F	RGB 84 77 111	#544D6F
33.3%	33.3% #655876	RGB 101 88 118	#655876
50.0%	50.0% #74637D	RGB 116 99 125	#74637D
66.7%	66.7% #826E84	RGB 130 110 132	#826E84
83.3%	83.3% #8B7B88	RGB 139 123 136	#8B7B88
100.0%	100.0% #92888E	RGB 146 136 142	#92888E

#444569 #544D6F #655876 #74637D #826E84 #8B7B88 #92888E

#444669 - #74637D - #92888E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #444569 0%, #74637D 50%, #92888E 100%);
    background: -webkit-linear-gradient(top, #444569 0%, #74637D 50%, #92888E 100%);
    background: linear-gradient(to bottom, #444569 0%, #74637D 50%, #92888E 100%);
}
</style>