#BBCE00 - #ECDB77 | 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 #BBCE00 a #ECDB77

#BBCE00 #ECDB77

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

#BBCE00 - #ECDB77 | 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 #BBCE00 come 0% e #ECDB77 come 100%.

0.0%	0.0% #BBCE00	RGB 187 206 0	#BBCE00
16.7%	16.7% #C3D013	RGB 195 208 19	#C3D013
33.3%	33.3% #CBD227	RGB 203 210 39	#CBD227
50.0%	50.0% #D3D43B	RGB 211 212 59	#D3D43B
66.7%	66.7% #DBD64F	RGB 219 214 79	#DBD64F
83.3%	83.3% #E3D863	RGB 227 216 99	#E3D863
100.0%	100.0% #ECDB77	RGB 236 219 119	#ECDB77

#BBCE00 #C3D013 #CBD227 #D3D43B #DBD64F #E3D863 #ECDB77

#BBCE00 - #ECDB77

Miscela HSV

#BBCE00 - #ECDB77 | 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 #BBCE00 come 0% e #ECDB77 come 100%.

0.0%	0.0% #BBCE00	RGB 187 206 0	#BBCE00
16.7%	16.7% #C8D311	RGB 200 211 17	#C8D311
33.3%	33.3% #D5D824	RGB 213 216 36	#D5D824
50.0%	50.0% #DDD837	RGB 221 216 55	#DDD837
66.7%	66.7% #E2D84B	RGB 226 216 75	#E2D84B
83.3%	83.3% #E7D861	RGB 231 216 97	#E7D861
100.0%	100.0% #ECDB77	RGB 236 219 119	#ECDB77

#BBCE00 #C8D311 #D5D824 #DDD837 #E2D84B #E7D861 #ECDB77

#BBCE00 - #DDD837 - #ECDB77

Codici CSS

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

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