#B8FF8D - #6BEC3E | 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 #B8FF8D a #6BEC3E

#B8FF8D #6BEC3E

Calcola il colore tra due colori, #B8FF8D e #6BEC3E. 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)

#B8FF8D - #6BEC3E | 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 #B8FF8D come 0% e #6BEC3E come 100%.

0.0%	0.0% #B8FF8D	RGB 184 255 141	#B8FF8D
16.7%	16.7% #ABFB7F	RGB 171 251 127	#ABFB7F
33.3%	33.3% #9EF872	RGB 158 248 114	#9EF872
50.0%	50.0% #91F565	RGB 145 245 101	#91F565
66.7%	66.7% #84F258	RGB 132 242 88	#84F258
83.3%	83.3% #77EF4B	RGB 119 239 75	#77EF4B
100.0%	100.0% #6BEC3E	RGB 107 236 62	#6BEC3E

#B8FF8D #ABFB7F #9EF872 #91F565 #84F258 #77EF4B #6BEC3E

#B8FF8D - #6BEC3E

Miscela HSV

#B8FF8D - #6BEC3E | 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 #B8FF8D come 0% e #6BEC3E come 100%.

0.0%	0.0% #B7FF8D	RGB 183 255 141	#B7FF8D
16.7%	16.7% #ABFB7F	RGB 171 251 127	#ABFB7F
33.3%	33.3% #9FF871	RGB 159 248 113	#9FF871
50.0%	50.0% #92F564	RGB 146 245 100	#92F564
66.7%	66.7% #85F257	RGB 133 242 87	#85F257
83.3%	83.3% #78EF4A	RGB 120 239 74	#78EF4A
100.0%	100.0% #6BEC3E	RGB 107 236 62	#6BEC3E

#B7FF8D #ABFB7F #9FF871 #92F564 #85F257 #78EF4A #6BEC3E

#B8FF8D - #92F564 - #6BEC3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7FF8D 0%, #92F564 50%, #6BEC3E 100%);
    background: -webkit-linear-gradient(top, #B7FF8D 0%, #92F564 50%, #6BEC3E 100%);
    background: linear-gradient(to bottom, #B7FF8D 0%, #92F564 50%, #6BEC3E 100%);
}
</style>