#4955D2 - #B5EBCB | 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 #4955D2 a #B5EBCB

#4955D2 #B5EBCB

Calcola il colore tra due colori, #4955D2 e #B5EBCB. 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)

#4955D2 - #B5EBCB | 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 #4955D2 come 0% e #B5EBCB come 100%.

0.0%	0.0% #4955D2	RGB 73 85 210	#4955D2
16.7%	16.7% #5B6ED0	RGB 91 110 208	#5B6ED0
33.3%	33.3% #6D87CF	RGB 109 135 207	#6D87CF
50.0%	50.0% #7FA0CE	RGB 127 160 206	#7FA0CE
66.7%	66.7% #91B9CD	RGB 145 185 205	#91B9CD
83.3%	83.3% #A3D2CC	RGB 163 210 204	#A3D2CC
100.0%	100.0% #B5EBCB	RGB 181 235 203	#B5EBCB

#4955D2 #5B6ED0 #6D87CF #7FA0CE #91B9CD #A3D2CC #B5EBCB

#4955D2 - #B5EBCB

Miscela HSV

#4955D2 - #B5EBCB | 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 #4955D2 come 0% e #B5EBCB come 100%.

0.0%	0.0% #4955D2	RGB 73 85 210	#4955D2
16.7%	16.7% #5983D6	RGB 89 131 214	#5983D6
33.3%	33.3% #6AACDA	RGB 106 172 218	#6AACDA
50.0%	50.0% #7CCEDE	RGB 124 206 222	#7CCEDE
66.7%	66.7% #8EE2DB	RGB 142 226 219	#8EE2DB
83.3%	83.3% #A1E6CF	RGB 161 230 207	#A1E6CF
100.0%	100.0% #B5EBCB	RGB 181 235 203	#B5EBCB

#4955D2 #5983D6 #6AACDA #7CCEDE #8EE2DB #A1E6CF #B5EBCB

#4955D2 - #7CCEDE - #B5EBCB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4955D2 0%, #7CCEDE 50%, #B5EBCB 100%);
    background: -webkit-linear-gradient(top, #4955D2 0%, #7CCEDE 50%, #B5EBCB 100%);
    background: linear-gradient(to bottom, #4955D2 0%, #7CCEDE 50%, #B5EBCB 100%);
}
</style>