#5A8F7E - #CFDFDA | 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 #5A8F7E a #CFDFDA

#5A8F7E #CFDFDA

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

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

0.0%	0.0% #5A8F7E	RGB 90 143 126	#5A8F7E
16.7%	16.7% #6D9C8D	RGB 109 156 141	#6D9C8D
33.3%	33.3% #81A99C	RGB 129 169 156	#81A99C
50.0%	50.0% #94B7AC	RGB 148 183 172	#94B7AC
66.7%	66.7% #A8C4BB	RGB 168 196 187	#A8C4BB
83.3%	83.3% #BBD1CA	RGB 187 209 202	#BBD1CA
100.0%	100.0% #CFDFDA	RGB 207 223 218	#CFDFDA

#5A8F7E #6D9C8D #81A99C #94B7AC #A8C4BB #BBD1CA #CFDFDA

#5A8F7E - #CFDFDA

Miscela HSV

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

0.0%	0.0% #5A8F7E	RGB 90 143 126	#5A8F7E
16.7%	16.7% #6A9C8C	RGB 106 156 140	#6A9C8C
33.3%	33.3% #7BA99B	RGB 123 169 155	#7BA99B
50.0%	50.0% #8EB7AA	RGB 142 183 170	#8EB7AA
66.7%	66.7% #A2C4B9	RGB 162 196 185	#A2C4B9
83.3%	83.3% #B8D1C9	RGB 184 209 201	#B8D1C9
100.0%	100.0% #CFDFDA	RGB 207 223 218	#CFDFDA

#5A8F7E #6A9C8C #7BA99B #8EB7AA #A2C4B9 #B8D1C9 #CFDFDA

#5A8F7E - #8EB7AA - #CFDFDA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8F7E 0%, #8EB7AA 50%, #CFDFDA 100%);
    background: -webkit-linear-gradient(top, #5A8F7E 0%, #8EB7AA 50%, #CFDFDA 100%);
    background: linear-gradient(to bottom, #5A8F7E 0%, #8EB7AA 50%, #CFDFDA 100%);
}
</style>