#BFD7AF - #ECF3E8 | 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 #BFD7AF a #ECF3E8

#BFD7AF #ECF3E8

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

#BFD7AF - #ECF3E8 | 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 #BFD7AF come 0% e #ECF3E8 come 100%.

0.0%	0.0% #BFD7AF	RGB 191 215 175	#BFD7AF
16.7%	16.7% #C6DBB8	RGB 198 219 184	#C6DBB8
33.3%	33.3% #CEE0C2	RGB 206 224 194	#CEE0C2
50.0%	50.0% #D5E5CB	RGB 213 229 203	#D5E5CB
66.7%	66.7% #DDE9D5	RGB 221 233 213	#DDE9D5
83.3%	83.3% #E4EEDE	RGB 228 238 222	#E4EEDE
100.0%	100.0% #ECF3E8	RGB 236 243 232	#ECF3E8

#BFD7AF #C6DBB8 #CEE0C2 #D5E5CB #DDE9D5 #E4EEDE #ECF3E8

#BFD7AF - #ECF3E8

Miscela HSV

#BFD7AF - #ECF3E8 | 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 #BFD7AF come 0% e #ECF3E8 come 100%.

0.0%	0.0% #BFD7AF	RGB 191 215 175	#BFD7AF
16.7%	16.7% #C6DBB7	RGB 198 219 183	#C6DBB7
33.3%	33.3% #CDE0C1	RGB 205 224 193	#CDE0C1
50.0%	50.0% #D4E5CA	RGB 212 229 202	#D4E5CA
66.7%	66.7% #DCE9D4	RGB 220 233 212	#DCE9D4
83.3%	83.3% #E4EEDD	RGB 228 238 221	#E4EEDD
100.0%	100.0% #ECF3E8	RGB 236 243 232	#ECF3E8

#BFD7AF #C6DBB7 #CDE0C1 #D4E5CA #DCE9D4 #E4EEDD #ECF3E8

#BFD7AF - #D4E5CA - #ECF3E8

Codici CSS

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

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