#B9BA3E - #EBEBC7 | 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 #B9BA3E a #EBEBC7

#B9BA3E #EBEBC7

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

#B9BA3E - #EBEBC7 | 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 #B9BA3E come 0% e #EBEBC7 come 100%.

0.0%	0.0% #B9BA3E	RGB 185 186 62	#B9BA3E
16.7%	16.7% #C1C254	RGB 193 194 84	#C1C254
33.3%	33.3% #C9CA6B	RGB 201 202 107	#C9CA6B
50.0%	50.0% #D2D282	RGB 210 210 130	#D2D282
66.7%	66.7% #DADA99	RGB 218 218 153	#DADA99
83.3%	83.3% #E2E2B0	RGB 226 226 176	#E2E2B0
100.0%	100.0% #EBEBC7	RGB 235 235 199	#EBEBC7

#B9BA3E #C1C254 #C9CA6B #D2D282 #DADA99 #E2E2B0 #EBEBC7

#B9BA3E - #EBEBC7

Miscela HSV

#B9BA3E - #EBEBC7 | 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 #B9BA3E come 0% e #EBEBC7 come 100%.

0.0%	0.0% #B9BA3E	RGB 185 186 62	#B9BA3E
16.7%	16.7% #C1C251	RGB 193 194 81	#C1C251
33.3%	33.3% #C9CA66	RGB 201 202 102	#C9CA66
50.0%	50.0% #D2D27C	RGB 210 210 124	#D2D27C
66.7%	66.7% #DADA93	RGB 218 218 147	#DADA93
83.3%	83.3% #E2E2AC	RGB 226 226 172	#E2E2AC
100.0%	100.0% #EBEBC7	RGB 235 235 199	#EBEBC7

#B9BA3E #C1C251 #C9CA66 #D2D27C #DADA93 #E2E2AC #EBEBC7

#B9BA3E - #D2D27C - #EBEBC7

Codici CSS

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

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