#3E5C5E - #043B3C | 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 #3E5C5E à #043B3C

#3E5C5E #043B3C

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

#3E5C5E - #043B3C | 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 #3E5C5E 0% et #043B3C 100%.

0.0%	0.0% #3E5C5E	RVB 62 92 94	#3E5C5E
16.7%	16.7% #345658	RVB 52 86 88	#345658
33.3%	33.3% #2A5152	RVB 42 81 82	#2A5152
50.0%	50.0% #214B4D	RVB 33 75 77	#214B4D
66.7%	66.7% #174647	RVB 23 70 71	#174647
83.3%	83.3% #0D4041	RVB 13 64 65	#0D4041
100.0%	100.0% #043B3C	RVB 4 59 60	#043B3C

#3E5C5E #345658 #2A5152 #214B4D #174647 #0D4041 #043B3C

#3E5C5E - #043B3C

Mélange HSV

#3E5C5E - #043B3C | 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 #3E5C5E 0% et #043B3C 100%.

0.0%	0.0% #3E5C5E	RVB 62 92 94	#3E5C5E
16.7%	16.7% #315658	RVB 49 86 88	#315658
33.3%	33.3% #265052	RVB 38 80 82	#265052
50.0%	50.0% #1B4B4D	RVB 27 75 77	#1B4B4D
66.7%	66.7% #124547	RVB 18 69 71	#124547
83.3%	83.3% #0A4041	RVB 10 64 65	#0A4041
100.0%	100.0% #043B3C	RVB 4 59 60	#043B3C

#3E5C5E #315658 #265052 #1B4B4D #124547 #0A4041 #043B3C

#3E5C5E - #1B4B4D - #043B3C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
    background: -webkit-linear-gradient(top, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
    background: linear-gradient(to bottom, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
}
</style>