#5A8366 - #CFDBD3 | 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 #5A8366 a #CFDBD3

#5A8366 #CFDBD3

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

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

0.0%	0.0% #5A8366	RGB 90 131 102	#5A8366
16.7%	16.7% #6D9178	RGB 109 145 120	#6D9178
33.3%	33.3% #81A08A	RGB 129 160 138	#81A08A
50.0%	50.0% #94AF9C	RGB 148 175 156	#94AF9C
66.7%	66.7% #A8BDAE	RGB 168 189 174	#A8BDAE
83.3%	83.3% #BBCCC0	RGB 187 204 192	#BBCCC0
100.0%	100.0% #CFDBD3	RGB 207 219 211	#CFDBD3

#5A8366 #6D9178 #81A08A #94AF9C #A8BDAE #BBCCC0 #CFDBD3

#5A8366 - #CFDBD3

Miscela HSV

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

0.0%	0.0% #5A8366	RGB 90 131 102	#5A8366
16.7%	16.7% #6A9176	RGB 106 145 118	#6A9176
33.3%	33.3% #7BA087	RGB 123 160 135	#7BA087
50.0%	50.0% #8EAF98	RGB 142 175 152	#8EAF98
66.7%	66.7% #A2BDAB	RGB 162 189 171	#A2BDAB
83.3%	83.3% #B8CCBE	RGB 184 204 190	#B8CCBE
100.0%	100.0% #CFDBD3	RGB 207 219 211	#CFDBD3

#5A8366 #6A9176 #7BA087 #8EAF98 #A2BDAB #B8CCBE #CFDBD3

#5A8366 - #8EAF98 - #CFDBD3

Codici CSS

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

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