#CDCE5E - #92981B | 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 #CDCE5E a #92981B

#CDCE5E #92981B

Calcola il colore tra due colori, #CDCE5E e #92981B. 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)

#CDCE5E - #92981B | 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 #CDCE5E come 0% e #92981B come 100%.

0.0%	0.0% #CDCE5E	RGB 205 206 94	#CDCE5E
16.7%	16.7% #C3C552	RGB 195 197 82	#C3C552
33.3%	33.3% #B9BC47	RGB 185 188 71	#B9BC47
50.0%	50.0% #AFB33C	RGB 175 179 60	#AFB33C
66.7%	66.7% #A5AA31	RGB 165 170 49	#A5AA31
83.3%	83.3% #9BA126	RGB 155 161 38	#9BA126
100.0%	100.0% #92981B	RGB 146 152 27	#92981B

#CDCE5E #C3C552 #B9BC47 #AFB33C #A5AA31 #9BA126 #92981B

#CDCE5E - #92981B

Miscela HSV

#CDCE5E - #92981B | 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 #CDCE5E come 0% e #92981B come 100%.

0.0%	0.0% #CDCE5D	RGB 205 206 93	#CDCE5D
16.7%	16.7% #C3C550	RGB 195 197 80	#C3C550
33.3%	33.3% #B9BC44	RGB 185 188 68	#B9BC44
50.0%	50.0% #AFB338	RGB 175 179 56	#AFB338
66.7%	66.7% #A5AA2D	RGB 165 170 45	#A5AA2D
83.3%	83.3% #9BA124	RGB 155 161 36	#9BA124
100.0%	100.0% #92981B	RGB 146 152 27	#92981B

#CDCE5D #C3C550 #B9BC44 #AFB338 #A5AA2D #9BA124 #92981B

#CDCE5E - #AFB338 - #92981B

Codici CSS

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

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