#C8C86E - #EFEFD5 | 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 #C8C86E a #EFEFD5

#C8C86E #EFEFD5

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

#C8C86E - #EFEFD5 | 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 #C8C86E come 0% e #EFEFD5 come 100%.

0.0%	0.0% #C8C86E	RGB 200 200 110	#C8C86E
16.7%	16.7% #CECE7F	RGB 206 206 127	#CECE7F
33.3%	33.3% #D5D590	RGB 213 213 144	#D5D590
50.0%	50.0% #DBDBA1	RGB 219 219 161	#DBDBA1
66.7%	66.7% #E2E2B2	RGB 226 226 178	#E2E2B2
83.3%	83.3% #E8E8C3	RGB 232 232 195	#E8E8C3
100.0%	100.0% #EFEFD5	RGB 239 239 213	#EFEFD5

#C8C86E #CECE7F #D5D590 #DBDBA1 #E2E2B2 #E8E8C3 #EFEFD5

#C8C86E - #EFEFD5

Miscela HSV

#C8C86E - #EFEFD5 | 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 #C8C86E come 0% e #EFEFD5 come 100%.

0.0%	0.0% #C8C86E	RGB 200 200 110	#C8C86E
16.7%	16.7% #CECE7D	RGB 206 206 125	#CECE7D
33.3%	33.3% #D5D58D	RGB 213 213 141	#D5D58D
50.0%	50.0% #DBDB9E	RGB 219 219 158	#DBDB9E
66.7%	66.7% #E2E2AF	RGB 226 226 175	#E2E2AF
83.3%	83.3% #E8E8C1	RGB 232 232 193	#E8E8C1
100.0%	100.0% #EFEFD5	RGB 239 239 213	#EFEFD5

#C8C86E #CECE7D #D5D58D #DBDB9E #E2E2AF #E8E8C1 #EFEFD5

#C8C86E - #DBDB9E - #EFEFD5

Codici CSS

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

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