#4A5890 - #CBCFDF | 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 #4A5890 a #CBCFDF

#4A5890 #CBCFDF

Calcola il colore tra due colori, #4A5890 e #CBCFDF. 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)

#4A5890 - #CBCFDF | 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 #4A5890 come 0% e #CBCFDF come 100%.

0.0%	0.0% #4A5890	RGB 74 88 144	#4A5890
16.7%	16.7% #5F6B9D	RGB 95 107 157	#5F6B9D
33.3%	33.3% #757FAA	RGB 117 127 170	#757FAA
50.0%	50.0% #8A93B7	RGB 138 147 183	#8A93B7
66.7%	66.7% #A0A7C4	RGB 160 167 196	#A0A7C4
83.3%	83.3% #B5BBD1	RGB 181 187 209	#B5BBD1
100.0%	100.0% #CBCFDF	RGB 203 207 223	#CBCFDF

#4A5890 #5F6B9D #757FAA #8A93B7 #A0A7C4 #B5BBD1 #CBCFDF

#4A5890 - #CBCFDF

Miscela HSV

#4A5890 - #CBCFDF | 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 #4A5890 come 0% e #CBCFDF come 100%.

0.0%	0.0% #4A5890	RGB 74 88 144	#4A5890
16.7%	16.7% #5B689D	RGB 91 104 157	#5B689D
33.3%	33.3% #6E7AAA	RGB 110 122 170	#6E7AAA
50.0%	50.0% #828DB7	RGB 130 141 183	#828DB7
66.7%	66.7% #99A1C4	RGB 153 161 196	#99A1C4
83.3%	83.3% #B1B7D1	RGB 177 183 209	#B1B7D1
100.0%	100.0% #CBCFDF	RGB 203 207 223	#CBCFDF

#4A5890 #5B689D #6E7AAA #828DB7 #99A1C4 #B1B7D1 #CBCFDF

#4A5890 - #828DB7 - #CBCFDF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A5890 0%, #828DB7 50%, #CBCFDF 100%);
    background: -webkit-linear-gradient(top, #4A5890 0%, #828DB7 50%, #CBCFDF 100%);
    background: linear-gradient(to bottom, #4A5890 0%, #828DB7 50%, #CBCFDF 100%);
}
</style>