#A8C7BD - #458F86 | 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 #A8C7BD a #458F86

#A8C7BD #458F86

Calcola il colore tra due colori, #A8C7BD e #458F86. 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)

#A8C7BD - #458F86 | 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 #A8C7BD come 0% e #458F86 come 100%.

0.0%	0.0% #A8C7BD	RGB 168 199 189	#A8C7BD
16.7%	16.7% #97BDB3	RGB 151 189 179	#97BDB3
33.3%	33.3% #87B4AA	RGB 135 180 170	#87B4AA
50.0%	50.0% #76ABA1	RGB 118 171 161	#76ABA1
66.7%	66.7% #66A198	RGB 102 161 152	#66A198
83.3%	83.3% #55988F	RGB 85 152 143	#55988F
100.0%	100.0% #458F86	RGB 69 143 134	#458F86

#A8C7BD #97BDB3 #87B4AA #76ABA1 #66A198 #55988F #458F86

#A8C7BD - #458F86

Miscela HSV

#A8C7BD - #458F86 | 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 #A8C7BD come 0% e #458F86 come 100%.

0.0%	0.0% #A8C7BD	RGB 168 199 189	#A8C7BD
16.7%	16.7% #94BDB1	RGB 148 189 177	#94BDB1
33.3%	33.3% #82B4A7	RGB 130 180 167	#82B4A7
50.0%	50.0% #71AB9E	RGB 113 171 158	#71AB9E
66.7%	66.7% #61A195	RGB 97 161 149	#61A195
83.3%	83.3% #52988D	RGB 82 152 141	#52988D
100.0%	100.0% #458F86	RGB 69 143 134	#458F86

#A8C7BD #94BDB1 #82B4A7 #71AB9E #61A195 #52988D #458F86

#A8C7BD - #71AB9E - #458F86

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C7BD 0%, #71AB9E 50%, #458F86 100%);
    background: -webkit-linear-gradient(top, #A8C7BD 0%, #71AB9E 50%, #458F86 100%);
    background: linear-gradient(to bottom, #A8C7BD 0%, #71AB9E 50%, #458F86 100%);
}
</style>