#31EB3C - #C4F9C7 | 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 #31EB3C a #C4F9C7

#31EB3C #C4F9C7

Calcola il colore tra due colori, #31EB3C e #C4F9C7. 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)

#31EB3C - #C4F9C7 | 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 #31EB3C come 0% e #C4F9C7 come 100%.

0.0%	0.0% #31EB3C	RGB 49 235 60	#31EB3C
16.7%	16.7% #49ED53	RGB 73 237 83	#49ED53
33.3%	33.3% #62EF6A	RGB 98 239 106	#62EF6A
50.0%	50.0% #7AF281	RGB 122 242 129	#7AF281
66.7%	66.7% #93F498	RGB 147 244 152	#93F498
83.3%	83.3% #ABF6AF	RGB 171 246 175	#ABF6AF
100.0%	100.0% #C4F9C7	RGB 196 249 199	#C4F9C7

#31EB3C #49ED53 #62EF6A #7AF281 #93F498 #ABF6AF #C4F9C7

#31EB3C - #C4F9C7

Miscela HSV

#31EB3C - #C4F9C7 | 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 #31EB3C come 0% e #C4F9C7 come 100%.

0.0%	0.0% #31EB3B	RGB 49 235 59	#31EB3B
16.7%	16.7% #48ED52	RGB 72 237 82	#48ED52
33.3%	33.3% #60EF68	RGB 96 239 104	#60EF68
50.0%	50.0% #78F27F	RGB 120 242 127	#78F27F
66.7%	66.7% #91F496	RGB 145 244 150	#91F496
83.3%	83.3% #AAF6AE	RGB 170 246 174	#AAF6AE
100.0%	100.0% #C4F9C7	RGB 196 249 199	#C4F9C7

#31EB3B #48ED52 #60EF68 #78F27F #91F496 #AAF6AE #C4F9C7

#31EB3C - #78F27F - #C4F9C7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31EB3B 0%, #78F27F 50%, #C4F9C7 100%);
    background: -webkit-linear-gradient(top, #31EB3B 0%, #78F27F 50%, #C4F9C7 100%);
    background: linear-gradient(to bottom, #31EB3B 0%, #78F27F 50%, #C4F9C7 100%);
}
</style>