#5E9F8D - #C5D599 | 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 #5E9F8D a #C5D599

#5E9F8D #C5D599

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

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

0.0%	0.0% #5E9F8D	RGB 94 159 141	#5E9F8D
16.7%	16.7% #6FA88F	RGB 111 168 143	#6FA88F
33.3%	33.3% #80B191	RGB 128 177 145	#80B191
50.0%	50.0% #91BA93	RGB 145 186 147	#91BA93
66.7%	66.7% #A2C395	RGB 162 195 149	#A2C395
83.3%	83.3% #B3CC97	RGB 179 204 151	#B3CC97
100.0%	100.0% #C5D599	RGB 197 213 153	#C5D599

#5E9F8D #6FA88F #80B191 #91BA93 #A2C395 #B3CC97 #C5D599

#5E9F8D - #C5D599

Miscela HSV

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

0.0%	0.0% #5E9F8D	RGB 94 159 141	#5E9F8D
16.7%	16.7% #66A886	RGB 102 168 134	#66A886
33.3%	33.3% #70B17F	RGB 112 177 127	#70B17F
50.0%	50.0% #7ABA79	RGB 122 186 121	#7ABA79
66.7%	66.7% #93C383	RGB 147 195 131	#93C383
83.3%	83.3% #ACCC8E	RGB 172 204 142	#ACCC8E
100.0%	100.0% #C5D599	RGB 197 213 153	#C5D599

#5E9F8D #66A886 #70B17F #7ABA79 #93C383 #ACCC8E #C5D599

#5E9F8D - #7ABA79 - #C5D599

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9F8D 0%, #7ABA79 50%, #C5D599 100%);
    background: -webkit-linear-gradient(top, #5E9F8D 0%, #7ABA79 50%, #C5D599 100%);
    background: linear-gradient(to bottom, #5E9F8D 0%, #7ABA79 50%, #C5D599 100%);
}
</style>