#5E8F64 - #CACF82 | 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 #5E8F64 a #CACF82

#5E8F64 #CACF82

Calcola il colore tra due colori, #5E8F64 e #CACF82. 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)

#5E8F64 - #CACF82 | 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 #5E8F64 come 0% e #CACF82 come 100%.

0.0%	0.0% #5E8F64	RGB 94 143 100	#5E8F64
16.7%	16.7% #709969	RGB 112 153 105	#709969
33.3%	33.3% #82A46E	RGB 130 164 110	#82A46E
50.0%	50.0% #94AF73	RGB 148 175 115	#94AF73
66.7%	66.7% #A6B978	RGB 166 185 120	#A6B978
83.3%	83.3% #B8C47D	RGB 184 196 125	#B8C47D
100.0%	100.0% #CACF82	RGB 202 207 130	#CACF82

#5E8F64 #709969 #82A46E #94AF73 #A6B978 #B8C47D #CACF82

#5E8F64 - #CACF82

Miscela HSV

#5E8F64 - #CACF82 | 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 #5E8F64 come 0% e #CACF82 come 100%.

0.0%	0.0% #5E8F64	RGB 94 143 100	#5E8F64
16.7%	16.7% #679964	RGB 103 153 100	#679964
33.3%	33.3% #77A46A	RGB 119 164 106	#77A46A
50.0%	50.0% #89AF70	RGB 137 175 112	#89AF70
66.7%	66.7% #9DB976	RGB 157 185 118	#9DB976
83.3%	83.3% #B2C47C	RGB 178 196 124	#B2C47C
100.0%	100.0% #CACF82	RGB 202 207 130	#CACF82

#5E8F64 #679964 #77A46A #89AF70 #9DB976 #B2C47C #CACF82

#5E8F64 - #89AF70 - #CACF82

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F64 0%, #89AF70 50%, #CACF82 100%);
    background: -webkit-linear-gradient(top, #5E8F64 0%, #89AF70 50%, #CACF82 100%);
    background: linear-gradient(to bottom, #5E8F64 0%, #89AF70 50%, #CACF82 100%);
}
</style>