#464E56 - #CACCCE | 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 #464E56 a #CACCCE

#464E56 #CACCCE

Calcola il colore tra due colori, #464E56 e #CACCCE. 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)

#464E56 - #CACCCE | 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 #464E56 come 0% e #CACCCE come 100%.

0.0%	0.0% #464E56	RGB 70 78 86	#464E56
16.7%	16.7% #5C636A	RGB 92 99 106	#5C636A
33.3%	33.3% #72787E	RGB 114 120 126	#72787E
50.0%	50.0% #888D92	RGB 136 141 146	#888D92
66.7%	66.7% #9EA2A6	RGB 158 162 166	#9EA2A6
83.3%	83.3% #B4B7BA	RGB 180 183 186	#B4B7BA
100.0%	100.0% #CACCCE	RGB 202 204 206	#CACCCE

#464E56 #5C636A #72787E #888D92 #9EA2A6 #B4B7BA #CACCCE

#464E56 - #CACCCE

Miscela HSV

#464E56 - #CACCCE | 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 #464E56 come 0% e #CACCCE come 100%.

0.0%	0.0% #464E56	RGB 70 78 86	#464E56
16.7%	16.7% #59616A	RGB 89 97 106	#59616A
33.3%	33.3% #6D757E	RGB 109 117 126	#6D757E
50.0%	50.0% #838A92	RGB 131 138 146	#838A92
66.7%	66.7% #999FA6	RGB 153 159 166	#999FA6
83.3%	83.3% #B1B5BA	RGB 177 181 186	#B1B5BA
100.0%	100.0% #CACCCE	RGB 202 204 206	#CACCCE

#464E56 #59616A #6D757E #838A92 #999FA6 #B1B5BA #CACCCE

#464E56 - #838A92 - #CACCCE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464E56 0%, #838A92 50%, #CACCCE 100%);
    background: -webkit-linear-gradient(top, #464E56 0%, #838A92 50%, #CACCCE 100%);
    background: linear-gradient(to bottom, #464E56 0%, #838A92 50%, #CACCCE 100%);
}
</style>