#4E5A30 - #CCCFC3 | 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 #4E5A30 a #CCCFC3

#4E5A30 #CCCFC3

Calcola il colore tra due colori, #4E5A30 e #CCCFC3. 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)

#4E5A30 - #CCCFC3 | 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 #4E5A30 come 0% e #CCCFC3 come 100%.

0.0%	0.0% #4E5A30	RGB 78 90 48	#4E5A30
16.7%	16.7% #636D48	RGB 99 109 72	#636D48
33.3%	33.3% #788161	RGB 120 129 97	#788161
50.0%	50.0% #8D9479	RGB 141 148 121	#8D9479
66.7%	66.7% #A2A892	RGB 162 168 146	#A2A892
83.3%	83.3% #B7BBAA	RGB 183 187 170	#B7BBAA
100.0%	100.0% #CCCFC3	RGB 204 207 195	#CCCFC3

#4E5A30 #636D48 #788161 #8D9479 #A2A892 #B7BBAA #CCCFC3

#4E5A30 - #CCCFC3

Miscela HSV

#4E5A30 - #CCCFC3 | 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 #4E5A30 come 0% e #CCCFC3 come 100%.

0.0%	0.0% #4E5A30	RGB 78 90 48	#4E5A30
16.7%	16.7% #616D41	RGB 97 109 65	#616D41
33.3%	33.3% #758156	RGB 117 129 86	#758156
50.0%	50.0% #8A946D	RGB 138 148 109	#8A946D
66.7%	66.7% #9FA887	RGB 159 168 135	#9FA887
83.3%	83.3% #B5BBA3	RGB 181 187 163	#B5BBA3
100.0%	100.0% #CCCFC3	RGB 204 207 195	#CCCFC3

#4E5A30 #616D41 #758156 #8A946D #9FA887 #B5BBA3 #CCCFC3

#4E5A30 - #8A946D - #CCCFC3

Codici CSS

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

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