#559C5E - #CEE2D1 | 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 #559C5E a #CEE2D1

#559C5E #CEE2D1

Calcola il colore tra due colori, #559C5E e #CEE2D1. 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)

#559C5E - #CEE2D1 | 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 #559C5E come 0% e #CEE2D1 come 100%.

0.0%	0.0% #559C5E	RGB 85 156 94	#559C5E
16.7%	16.7% #69A771	RGB 105 167 113	#69A771
33.3%	33.3% #7DB384	RGB 125 179 132	#7DB384
50.0%	50.0% #91BF97	RGB 145 191 151	#91BF97
66.7%	66.7% #A5CAAA	RGB 165 202 170	#A5CAAA
83.3%	83.3% #B9D6BD	RGB 185 214 189	#B9D6BD
100.0%	100.0% #CEE2D1	RGB 206 226 209	#CEE2D1

#559C5E #69A771 #7DB384 #91BF97 #A5CAAA #B9D6BD #CEE2D1

#559C5E - #CEE2D1

Miscela HSV

#559C5E - #CEE2D1 | 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 #559C5E come 0% e #CEE2D1 come 100%.

0.0%	0.0% #559C5E	RGB 85 156 94	#559C5E
16.7%	16.7% #65A76E	RGB 101 167 110	#65A76E
33.3%	33.3% #77B37F	RGB 119 179 127	#77B37F
50.0%	50.0% #8BBF92	RGB 139 191 146	#8BBF92
66.7%	66.7% #9FCAA6	RGB 159 202 166	#9FCAA6
83.3%	83.3% #B6D6BA	RGB 182 214 186	#B6D6BA
100.0%	100.0% #CEE2D1	RGB 206 226 209	#CEE2D1

#559C5E #65A76E #77B37F #8BBF92 #9FCAA6 #B6D6BA #CEE2D1

#559C5E - #8BBF92 - #CEE2D1

Codici CSS

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

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