#8CBE3E - #DDECC7 | 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 #8CBE3E a #DDECC7

#8CBE3E #DDECC7

Calcola il colore tra due colori, #8CBE3E e #DDECC7. 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)

#8CBE3E - #DDECC7 | 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 #8CBE3E come 0% e #DDECC7 come 100%.

0.0%	0.0% #8CBE3E	RGB 140 190 62	#8CBE3E
16.7%	16.7% #99C554	RGB 153 197 84	#99C554
33.3%	33.3% #A7CD6B	RGB 167 205 107	#A7CD6B
50.0%	50.0% #B4D582	RGB 180 213 130	#B4D582
66.7%	66.7% #C2DC99	RGB 194 220 153	#C2DC99
83.3%	83.3% #CFE4B0	RGB 207 228 176	#CFE4B0
100.0%	100.0% #DDECC7	RGB 221 236 199	#DDECC7

#8CBE3E #99C554 #A7CD6B #B4D582 #C2DC99 #CFE4B0 #DDECC7

#8CBE3E - #DDECC7

Miscela HSV

#8CBE3E - #DDECC7 | 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 #8CBE3E come 0% e #DDECC7 come 100%.

0.0%	0.0% #8CBE3E	RGB 140 190 62	#8CBE3E
16.7%	16.7% #98C551	RGB 152 197 81	#98C551
33.3%	33.3% #A4CD66	RGB 164 205 102	#A4CD66
50.0%	50.0% #B1D57C	RGB 177 213 124	#B1D57C
66.7%	66.7% #BFDC94	RGB 191 220 148	#BFDC94
83.3%	83.3% #CDE4AC	RGB 205 228 172	#CDE4AC
100.0%	100.0% #DDECC7	RGB 221 236 199	#DDECC7

#8CBE3E #98C551 #A4CD66 #B1D57C #BFDC94 #CDE4AC #DDECC7

#8CBE3E - #B1D57C - #DDECC7

Codici CSS

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

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