#465653 - #CACECE | 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 #465653 a #CACECE

#465653 #CACECE

Calcola il colore tra due colori, #465653 e #CACECE. 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)

#465653 - #CACECE | 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 #465653 come 0% e #CACECE come 100%.

0.0%	0.0% #465653	RGB 70 86 83	#465653
16.7%	16.7% #5C6A67	RGB 92 106 103	#5C6A67
33.3%	33.3% #727E7C	RGB 114 126 124	#727E7C
50.0%	50.0% #889290	RGB 136 146 144	#889290
66.7%	66.7% #9EA6A5	RGB 158 166 165	#9EA6A5
83.3%	83.3% #B4BAB9	RGB 180 186 185	#B4BAB9
100.0%	100.0% #CACECE	RGB 202 206 206	#CACECE

#465653 #5C6A67 #727E7C #889290 #9EA6A5 #B4BAB9 #CACECE

#465653 - #CACECE

Miscela HSV

#465653 - #CACECE | 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 #465653 come 0% e #CACECE come 100%.

0.0%	0.0% #465653	RGB 70 86 83	#465653
16.7%	16.7% #596A67	RGB 89 106 103	#596A67
33.3%	33.3% #6D7E7B	RGB 109 126 123	#6D7E7B
50.0%	50.0% #839290	RGB 131 146 144	#839290
66.7%	66.7% #99A6A5	RGB 153 166 165	#99A6A5
83.3%	83.3% #B1BAB9	RGB 177 186 185	#B1BAB9
100.0%	100.0% #CACECE	RGB 202 206 206	#CACECE

#465653 #596A67 #6D7E7B #839290 #99A6A5 #B1BAB9 #CACECE

#465653 - #839290 - #CACECE

Codici CSS

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

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