#5E7F84 - #CEC1A8 | 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 #5E7F84 a #CEC1A8

#5E7F84 #CEC1A8

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

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

0.0%	0.0% #5E7F84	RGB 94 127 132	#5E7F84
16.7%	16.7% #708A8A	RGB 112 138 138	#708A8A
33.3%	33.3% #839590	RGB 131 149 144	#839590
50.0%	50.0% #96A096	RGB 150 160 150	#96A096
66.7%	66.7% #A8AB9C	RGB 168 171 156	#A8AB9C
83.3%	83.3% #BBB6A2	RGB 187 182 162	#BBB6A2
100.0%	100.0% #CEC1A8	RGB 206 193 168	#CEC1A8

#5E7F84 #708A8A #839590 #96A096 #A8AB9C #BBB6A2 #CEC1A8

#5E7F84 - #CEC1A8

Miscela HSV

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

0.0%	0.0% #5E7F84	RGB 94 127 132	#5E7F84
16.7%	16.7% #699085	RGB 105 144 133	#699085
33.3%	33.3% #749C81	RGB 116 156 129	#749C81
50.0%	50.0% #85A981	RGB 133 169 129	#85A981
66.7%	66.7% #A2B58D	RGB 162 181 141	#A2B58D
83.3%	83.3% #BEC19A	RGB 190 193 154	#BEC19A
100.0%	100.0% #CEC1A8	RGB 206 193 168	#CEC1A8

#5E7F84 #699085 #749C81 #85A981 #A2B58D #BEC19A #CEC1A8

#5E7F84 - #85A981 - #CEC1A8

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F84 0%, #85A981 50%, #CEC1A8 100%);
    background: -webkit-linear-gradient(top, #5E7F84 0%, #85A981 50%, #CEC1A8 100%);
    background: linear-gradient(to bottom, #5E7F84 0%, #85A981 50%, #CEC1A8 100%);
}
</style>