#AAD7A8 - #C0FFE7 | 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 #AAD7A8 a #C0FFE7

#AAD7A8 #C0FFE7

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

#AAD7A8 - #C0FFE7 | 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 #AAD7A8 come 0% e #C0FFE7 come 100%.

0.0%	0.0% #AAD7A8	RGB 170 215 168	#AAD7A8
16.7%	16.7% #ADDDB2	RGB 173 221 178	#ADDDB2
33.3%	33.3% #B1E4BD	RGB 177 228 189	#B1E4BD
50.0%	50.0% #B5EBC7	RGB 181 235 199	#B5EBC7
66.7%	66.7% #B8F1D2	RGB 184 241 210	#B8F1D2
83.3%	83.3% #BCF8DC	RGB 188 248 220	#BCF8DC
100.0%	100.0% #C0FFE7	RGB 192 255 231	#C0FFE7

#AAD7A8 #ADDDB2 #B1E4BD #B5EBC7 #B8F1D2 #BCF8DC #C0FFE7

#AAD7A8 - #C0FFE7

Miscela HSV

#AAD7A8 - #C0FFE7 | 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 #AAD7A8 come 0% e #C0FFE7 come 100%.

0.0%	0.0% #AAD7A8	RGB 170 215 168	#AAD7A8
16.7%	16.7% #ACDDAF	RGB 172 221 175	#ACDDAF
33.3%	33.3% #B0E4B9	RGB 176 228 185	#B0E4B9
50.0%	50.0% #B4EBC4	RGB 180 235 196	#B4EBC4
66.7%	66.7% #B8F1CF	RGB 184 241 207	#B8F1CF
83.3%	83.3% #BCF8DA	RGB 188 248 218	#BCF8DA
100.0%	100.0% #C0FFE7	RGB 192 255 231	#C0FFE7

#AAD7A8 #ACDDAF #B0E4B9 #B4EBC4 #B8F1CF #BCF8DA #C0FFE7

#AAD7A8 - #B4EBC4 - #C0FFE7

Codici CSS

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

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