#55BE3C - #CDECC7 | 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 #55BE3C a #CDECC7

#55BE3C #CDECC7

Calcola il colore tra due colori, #55BE3C e #CDECC7. 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)

#55BE3C - #CDECC7 | 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 #55BE3C come 0% e #CDECC7 come 100%.

0.0%	0.0% #55BE3C	RGB 85 190 60	#55BE3C
16.7%	16.7% #69C553	RGB 105 197 83	#69C553
33.3%	33.3% #7DCD6A	RGB 125 205 106	#7DCD6A
50.0%	50.0% #91D581	RGB 145 213 129	#91D581
66.7%	66.7% #A5DC98	RGB 165 220 152	#A5DC98
83.3%	83.3% #B9E4AF	RGB 185 228 175	#B9E4AF
100.0%	100.0% #CDECC7	RGB 205 236 199	#CDECC7

#55BE3C #69C553 #7DCD6A #91D581 #A5DC98 #B9E4AF #CDECC7

#55BE3C - #CDECC7

Miscela HSV

#55BE3C - #CDECC7 | 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 #55BE3C come 0% e #CDECC7 come 100%.

0.0%	0.0% #55BE3C	RGB 85 190 60	#55BE3C
16.7%	16.7% #65C54F	RGB 101 197 79	#65C54F
33.3%	33.3% #77CD64	RGB 119 205 100	#77CD64
50.0%	50.0% #8BD57B	RGB 139 213 123	#8BD57B
66.7%	66.7% #9FDC93	RGB 159 220 147	#9FDC93
83.3%	83.3% #B5E4AC	RGB 181 228 172	#B5E4AC
100.0%	100.0% #CDECC7	RGB 205 236 199	#CDECC7

#55BE3C #65C54F #77CD64 #8BD57B #9FDC93 #B5E4AC #CDECC7

#55BE3C - #8BD57B - #CDECC7

Codici CSS

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

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