#ADE4CF - #E7DBFF | 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 #ADE4CF a #E7DBFF

#ADE4CF #E7DBFF

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

#ADE4CF - #E7DBFF | 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 #ADE4CF come 0% e #E7DBFF come 100%.

0.0%	0.0% #ADE4CF	RGB 173 228 207	#ADE4CF
16.7%	16.7% #B6E2D7	RGB 182 226 215	#B6E2D7
33.3%	33.3% #C0E1DF	RGB 192 225 223	#C0E1DF
50.0%	50.0% #CADFE7	RGB 202 223 231	#CADFE7
66.7%	66.7% #D3DEEF	RGB 211 222 239	#D3DEEF
83.3%	83.3% #DDDCF7	RGB 221 220 247	#DDDCF7
100.0%	100.0% #E7DBFF	RGB 231 219 255	#E7DBFF

#ADE4CF #B6E2D7 #C0E1DF #CADFE7 #D3DEEF #DDDCF7 #E7DBFF

#ADE4CF - #E7DBFF

Miscela HSV

#ADE4CF - #E7DBFF | 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 #ADE4CF come 0% e #E7DBFF come 100%.

0.0%	0.0% #ADE4CF	RGB 173 228 207	#ADE4CF
16.7%	16.7% #B4E8E3	RGB 180 232 227	#B4E8E3
33.3%	33.3% #BBE3ED	RGB 187 227 237	#BBE3ED
50.0%	50.0% #C3DBF1	RGB 195 219 241	#C3DBF1
66.7%	66.7% #CBD5F6	RGB 203 213 246	#CBD5F6
83.3%	83.3% #D4D2FA	RGB 212 210 250	#D4D2FA
100.0%	100.0% #E7DBFF	RGB 231 219 255	#E7DBFF

#ADE4CF #B4E8E3 #BBE3ED #C3DBF1 #CBD5F6 #D4D2FA #E7DBFF

#ADE4CF - #C3DBF1 - #E7DBFF

Codici CSS

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

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