#EB6B5F - #FFC47D | 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 #EB6B5F a #FFC47D

#EB6B5F #FFC47D

Calcola il colore tra due colori, #EB6B5F e #FFC47D. 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)

#EB6B5F - #FFC47D | 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 #EB6B5F come 0% e #FFC47D come 100%.

0.0%	0.0% #EB6B5F	RGB 235 107 95	#EB6B5F
16.7%	16.7% #EE7964	RGB 238 121 100	#EE7964
33.3%	33.3% #F18869	RGB 241 136 105	#F18869
50.0%	50.0% #F5976E	RGB 245 151 110	#F5976E
66.7%	66.7% #F8A673	RGB 248 166 115	#F8A673
83.3%	83.3% #FBB578	RGB 251 181 120	#FBB578
100.0%	100.0% #FFC47D	RGB 255 196 125	#FFC47D

#EB6B5F #EE7964 #F18869 #F5976E #F8A673 #FBB578 #FFC47D

#EB6B5F - #FFC47D

Miscela HSV

#EB6B5F - #FFC47D | 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 #EB6B5F come 0% e #FFC47D come 100%.

0.0%	0.0% #EB6B5E	RGB 235 107 94	#EB6B5E
16.7%	16.7% #EE7A63	RGB 238 122 99	#EE7A63
33.3%	33.3% #F18968	RGB 241 137 104	#F18968
50.0%	50.0% #F5986D	RGB 245 152 109	#F5986D
66.7%	66.7% #F8A772	RGB 248 167 114	#F8A772
83.3%	83.3% #FBB577	RGB 251 181 119	#FBB577
100.0%	100.0% #FFC47D	RGB 255 196 125	#FFC47D

#EB6B5E #EE7A63 #F18968 #F5986D #F8A772 #FBB577 #FFC47D

#EB6B5F - #F5986D - #FFC47D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EB6B5E 0%, #F5986D 50%, #FFC47D 100%);
    background: -webkit-linear-gradient(top, #EB6B5E 0%, #F5986D 50%, #FFC47D 100%);
    background: linear-gradient(to bottom, #EB6B5E 0%, #F5986D 50%, #FFC47D 100%);
}
</style>