#3E5E8F - #C7D0DF | 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 #3E5E8F à #C7D0DF

#3E5E8F #C7D0DF

Calculez la couleur entre deux couleurs, #3E5E8F et #C7D0DF. 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)

#3E5E8F - #C7D0DF | 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 #3E5E8F 0% et #C7D0DF 100%.

0.0%	0.0% #3E5E8F	RVB 62 94 143	#3E5E8F
16.7%	16.7% #54719C	RVB 84 113 156	#54719C
33.3%	33.3% #6B84A9	RVB 107 132 169	#6B84A9
50.0%	50.0% #8297B7	RVB 130 151 183	#8297B7
66.7%	66.7% #99AAC4	RVB 153 170 196	#99AAC4
83.3%	83.3% #B0BDD1	RVB 176 189 209	#B0BDD1
100.0%	100.0% #C7D0DF	RVB 199 208 223	#C7D0DF

#3E5E8F #54719C #6B84A9 #8297B7 #99AAC4 #B0BDD1 #C7D0DF

#3E5E8F - #C7D0DF

Mélange HSV

#3E5E8F - #C7D0DF | 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 #3E5E8F 0% et #C7D0DF 100%.

0.0%	0.0% #3E5E8F	RVB 62 94 143	#3E5E8F
16.7%	16.7% #4F6D9C	RVB 79 109 156	#4F6D9C
33.3%	33.3% #637EA9	RVB 99 126 169	#637EA9
50.0%	50.0% #7991B7	RVB 121 145 183	#7991B7
66.7%	66.7% #91A4C4	RVB 145 164 196	#91A4C4
83.3%	83.3% #ABB9D1	RVB 171 185 209	#ABB9D1
100.0%	100.0% #C7D0DF	RVB 199 208 223	#C7D0DF

#3E5E8F #4F6D9C #637EA9 #7991B7 #91A4C4 #ABB9D1 #C7D0DF

#3E5E8F - #7991B7 - #C7D0DF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E8F 0%, #7991B7 50%, #C7D0DF 100%);
    background: -webkit-linear-gradient(top, #3E5E8F 0%, #7991B7 50%, #C7D0DF 100%);
    background: linear-gradient(to bottom, #3E5E8F 0%, #7991B7 50%, #C7D0DF 100%);
}
</style>