#2F3E5E - #7E838E | 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 #2F3E5E à #7E838E

#2F3E5E #7E838E

Calculez la couleur entre deux couleurs, #2F3E5E et #7E838E. 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)

#2F3E5E - #7E838E | 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 #2F3E5E 0% et #7E838E 100%.

0.0%	0.0% #2F3E5E	RVB 47 62 94	#2F3E5E
16.7%	16.7% #3C4966	RVB 60 73 102	#3C4966
33.3%	33.3% #49556E	RVB 73 85 110	#49556E
50.0%	50.0% #566076	RVB 86 96 118	#566076
66.7%	66.7% #636C7E	RVB 99 108 126	#636C7E
83.3%	83.3% #707786	RVB 112 119 134	#707786
100.0%	100.0% #7E838E	RVB 126 131 142	#7E838E

#2F3E5E #3C4966 #49556E #566076 #636C7E #707786 #7E838E

#2F3E5E - #7E838E

Mélange HSV

#2F3E5E - #7E838E | 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 #2F3E5E 0% et #7E838E 100%.

0.0%	0.0% #2F3E5E	RVB 47 62 94	#2F3E5E
16.7%	16.7% #394766	RVB 57 71 102	#394766
33.3%	33.3% #45526E	RVB 69 82 110	#45526E
50.0%	50.0% #515D76	RVB 81 93 118	#515D76
66.7%	66.7% #5F697E	RVB 95 105 126	#5F697E
83.3%	83.3% #6E7586	RVB 110 117 134	#6E7586
100.0%	100.0% #7E838E	RVB 126 131 142	#7E838E

#2F3E5E #394766 #45526E #515D76 #5F697E #6E7586 #7E838E

#2F3E5E - #515D76 - #7E838E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F3E5E 0%, #515D76 50%, #7E838E 100%);
    background: -webkit-linear-gradient(top, #2F3E5E 0%, #515D76 50%, #7E838E 100%);
    background: linear-gradient(to bottom, #2F3E5E 0%, #515D76 50%, #7E838E 100%);
}
</style>