#3E5E3D - #6AC6DB | 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 #3E5E3D à #6AC6DB

#3E5E3D #6AC6DB

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

#3E5E3D - #6AC6DB | 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 #3E5E3D 0% et #6AC6DB 100%.

0.0%	0.0% #3E5E3D	RVB 62 94 61	#3E5E3D
16.7%	16.7% #456F57	RVB 69 111 87	#456F57
33.3%	33.3% #4C8071	RVB 76 128 113	#4C8071
50.0%	50.0% #54928C	RVB 84 146 140	#54928C
66.7%	66.7% #5BA3A6	RVB 91 163 166	#5BA3A6
83.3%	83.3% #62B4C0	RVB 98 180 192	#62B4C0
100.0%	100.0% #6AC6DB	RVB 106 198 219	#6AC6DB

#3E5E3D #456F57 #4C8071 #54928C #5BA3A6 #62B4C0 #6AC6DB

#3E5E3D - #6AC6DB

Mélange HSV

#3E5E3D - #6AC6DB | 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 #3E5E3D 0% et #6AC6DB 100%.

0.0%	0.0% #3E5E3D	RVB 62 94 61	#3E5E3D
16.7%	16.7% #47724E	RVB 71 114 78	#47724E
33.3%	33.3% #508765	RVB 80 135 101	#508765
50.0%	50.0% #589C7F	RVB 88 156 127	#589C7F
66.7%	66.7% #5FB19F	RVB 95 177 159	#5FB19F
83.3%	83.3% #65C6C4	RVB 101 198 196	#65C6C4
100.0%	100.0% #6AC6DB	RVB 106 198 219	#6AC6DB

#3E5E3D #47724E #508765 #589C7F #5FB19F #65C6C4 #6AC6DB

#3E5E3D - #589C7F - #6AC6DB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3D 0%, #589C7F 50%, #6AC6DB 100%);
    background: -webkit-linear-gradient(top, #3E5E3D 0%, #589C7F 50%, #6AC6DB 100%);
    background: linear-gradient(to bottom, #3E5E3D 0%, #589C7F 50%, #6AC6DB 100%);
}
</style>