#92CEB6 - #3E9C7E | 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 #92CEB6 a #3E9C7E

#92CEB6 #3E9C7E

Calcola il colore tra due colori, #92CEB6 e #3E9C7E. 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)

#92CEB6 - #3E9C7E | 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 #92CEB6 come 0% e #3E9C7E come 100%.

0.0%	0.0% #92CEB6	RGB 146 206 182	#92CEB6
16.7%	16.7% #84C5AC	RGB 132 197 172	#84C5AC
33.3%	33.3% #76BDA3	RGB 118 189 163	#76BDA3
50.0%	50.0% #68B59A	RGB 104 181 154	#68B59A
66.7%	66.7% #5AAC90	RGB 90 172 144	#5AAC90
83.3%	83.3% #4CA487	RGB 76 164 135	#4CA487
100.0%	100.0% #3E9C7E	RGB 62 156 126	#3E9C7E

#92CEB6 #84C5AC #76BDA3 #68B59A #5AAC90 #4CA487 #3E9C7E

#92CEB6 - #3E9C7E

Miscela HSV

#92CEB6 - #3E9C7E | 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 #92CEB6 come 0% e #3E9C7E come 100%.

0.0%	0.0% #92CEB6	RGB 146 206 182	#92CEB6
16.7%	16.7% #81C5AB	RGB 129 197 171	#81C5AB
33.3%	33.3% #72BDA1	RGB 114 189 161	#72BDA1
50.0%	50.0% #64B597	RGB 100 181 151	#64B597
66.7%	66.7% #56AC8E	RGB 86 172 142	#56AC8E
83.3%	83.3% #49A486	RGB 73 164 134	#49A486
100.0%	100.0% #3E9C7E	RGB 62 156 126	#3E9C7E

#92CEB6 #81C5AB #72BDA1 #64B597 #56AC8E #49A486 #3E9C7E

#92CEB6 - #64B597 - #3E9C7E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #92CEB6 0%, #64B597 50%, #3E9C7E 100%);
    background: -webkit-linear-gradient(top, #92CEB6 0%, #64B597 50%, #3E9C7E 100%);
    background: linear-gradient(to bottom, #92CEB6 0%, #64B597 50%, #3E9C7E 100%);
}
</style>