#CC6D6D - #FEC08E | 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 #CC6D6D a #FEC08E

#CC6D6D #FEC08E

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

#CC6D6D - #FEC08E | 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 #CC6D6D come 0% e #FEC08E come 100%.

0.0%	0.0% #CC6D6D	RGB 204 109 109	#CC6D6D
16.7%	16.7% #D47A72	RGB 212 122 114	#D47A72
33.3%	33.3% #DC8878	RGB 220 136 120	#DC8878
50.0%	50.0% #E5967D	RGB 229 150 125	#E5967D
66.7%	66.7% #EDA483	RGB 237 164 131	#EDA483
83.3%	83.3% #F5B288	RGB 245 178 136	#F5B288
100.0%	100.0% #FEC08E	RGB 254 192 142	#FEC08E

#CC6D6D #D47A72 #DC8878 #E5967D #EDA483 #F5B288 #FEC08E

#CC6D6D - #FEC08E

Miscela HSV

#CC6D6D - #FEC08E | 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 #CC6D6D come 0% e #FEC08E come 100%.

0.0%	0.0% #CC6D6D	RGB 204 109 109	#CC6D6D
16.7%	16.7% #D47972	RGB 212 121 114	#D47972
33.3%	33.3% #DC8677	RGB 220 134 119	#DC8677
50.0%	50.0% #E5947D	RGB 229 148 125	#E5947D
66.7%	66.7% #EDA282	RGB 237 162 130	#EDA282
83.3%	83.3% #F5B188	RGB 245 177 136	#F5B188
100.0%	100.0% #FEC08E	RGB 254 192 142	#FEC08E

#CC6D6D #D47972 #DC8677 #E5947D #EDA282 #F5B188 #FEC08E

#CC6D6D - #E5947D - #FEC08E

Codici CSS

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

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