#B6D9A8 - #FDEDB9 | 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 #B6D9A8 a #FDEDB9

#B6D9A8 #FDEDB9

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

#B6D9A8 - #FDEDB9 | 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 #B6D9A8 come 0% e #FDEDB9 come 100%.

0.0%	0.0% #B6D9A8	RGB 182 217 168	#B6D9A8
16.7%	16.7% #C1DCAA	RGB 193 220 170	#C1DCAA
33.3%	33.3% #CDDFAD	RGB 205 223 173	#CDDFAD
50.0%	50.0% #D9E3B0	RGB 217 227 176	#D9E3B0
66.7%	66.7% #E5E6B3	RGB 229 230 179	#E5E6B3
83.3%	83.3% #F1E9B6	RGB 241 233 182	#F1E9B6
100.0%	100.0% #FDEDB9	RGB 253 237 185	#FDEDB9

#B6D9A8 #C1DCAA #CDDFAD #D9E3B0 #E5E6B3 #F1E9B6 #FDEDB9

#B6D9A8 - #FDEDB9

Miscela HSV

#B6D9A8 - #FDEDB9 | 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 #B6D9A8 come 0% e #FDEDB9 come 100%.

0.0%	0.0% #B6D9A8	RGB 182 217 168	#B6D9A8
16.7%	16.7% #C2DFAB	RGB 194 223 171	#C2DFAB
33.3%	33.3% #CFE5AE	RGB 207 229 174	#CFE5AE
50.0%	50.0% #DDEBB0	RGB 221 235 176	#DDEBB0
66.7%	66.7% #ECF1B3	RGB 236 241 179	#ECF1B3
83.3%	83.3% #F7F2B6	RGB 247 242 182	#F7F2B6
100.0%	100.0% #FDEDB9	RGB 253 237 185	#FDEDB9

#B6D9A8 #C2DFAB #CFE5AE #DDEBB0 #ECF1B3 #F7F2B6 #FDEDB9

#B6D9A8 - #DDEBB0 - #FDEDB9

Codici CSS

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

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