#49C92D - #CBEFC3 | 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 #49C92D a #CBEFC3

#49C92D #CBEFC3

Calcola il colore tra due colori, #49C92D e #CBEFC3. 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)

#49C92D - #CBEFC3 | 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 #49C92D come 0% e #CBEFC3 come 100%.

0.0%	0.0% #49C92D	RGB 73 201 45	#49C92D
16.7%	16.7% #5ECF46	RGB 94 207 70	#5ECF46
33.3%	33.3% #74D55F	RGB 116 213 95	#74D55F
50.0%	50.0% #8ADC78	RGB 138 220 120	#8ADC78
66.7%	66.7% #9FE291	RGB 159 226 145	#9FE291
83.3%	83.3% #B5E8AA	RGB 181 232 170	#B5E8AA
100.0%	100.0% #CBEFC3	RGB 203 239 195	#CBEFC3

#49C92D #5ECF46 #74D55F #8ADC78 #9FE291 #B5E8AA #CBEFC3

#49C92D - #CBEFC3

Miscela HSV

#49C92D - #CBEFC3 | 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 #49C92D come 0% e #CBEFC3 come 100%.

0.0%	0.0% #48C92D	RGB 72 201 45	#48C92D
16.7%	16.7% #5CCF42	RGB 92 207 66	#5CCF42
33.3%	33.3% #70D55A	RGB 112 213 90	#70D55A
50.0%	50.0% #85DC72	RGB 133 220 114	#85DC72
66.7%	66.7% #9BE28C	RGB 155 226 140	#9BE28C
83.3%	83.3% #B2E8A6	RGB 178 232 166	#B2E8A6
100.0%	100.0% #CBEFC3	RGB 203 239 195	#CBEFC3

#48C92D #5CCF42 #70D55A #85DC72 #9BE28C #B2E8A6 #CBEFC3

#49C92D - #85DC72 - #CBEFC3

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48C92D 0%, #85DC72 50%, #CBEFC3 100%);
    background: -webkit-linear-gradient(top, #48C92D 0%, #85DC72 50%, #CBEFC3 100%);
    background: linear-gradient(to bottom, #48C92D 0%, #85DC72 50%, #CBEFC3 100%);
}
</style>