#3F5E5E - #C8D1D1 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #3F5E5E à #C8D1D1

#3F5E5E #C8D1D1

Calculez la couleur entre deux couleurs, #3F5E5E et #C8D1D1. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#3F5E5E - #C8D1D1 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #3F5E5E 0% et #C8D1D1 100%.

0.0%	0.0% #3F5E5E	RVB 63 94 94	#3F5E5E
16.7%	16.7% #557171	RVB 85 113 113	#557171
33.3%	33.3% #6C8484	RVB 108 132 132	#6C8484
50.0%	50.0% #839797	RVB 131 151 151	#839797
66.7%	66.7% #9AAAAA	RVB 154 170 170	#9AAAAA
83.3%	83.3% #B1BDBD	RVB 177 189 189	#B1BDBD
100.0%	100.0% #C8D1D1	RVB 200 209 209	#C8D1D1

#3F5E5E #557171 #6C8484 #839797 #9AAAAA #B1BDBD #C8D1D1

#3F5E5E - #C8D1D1

Mélange HSV

#3F5E5E - #C8D1D1 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #3F5E5E 0% et #C8D1D1 100%.

0.0%	0.0% #3F5E5E	RVB 63 94 94	#3F5E5E
16.7%	16.7% #517171	RVB 81 113 113	#517171
33.3%	33.3% #658484	RVB 101 132 132	#658484
50.0%	50.0% #7B9797	RVB 123 151 151	#7B9797
66.7%	66.7% #93AAAA	RVB 147 170 170	#93AAAA
83.3%	83.3% #ACBDBD	RVB 172 189 189	#ACBDBD
100.0%	100.0% #C8D1D1	RVB 200 209 209	#C8D1D1

#3F5E5E #517171 #658484 #7B9797 #93AAAA #ACBDBD #C8D1D1

#3F5E5E - #7B9797 - #C8D1D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F5E5E 0%, #7B9797 50%, #C8D1D1 100%);
    background: -webkit-linear-gradient(top, #3F5E5E 0%, #7B9797 50%, #C8D1D1 100%);
    background: linear-gradient(to bottom, #3F5E5E 0%, #7B9797 50%, #C8D1D1 100%);
}
</style>