#3E5E5D - #65B979 | 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 #3E5E5D à #65B979

#3E5E5D #65B979

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

#3E5E5D - #65B979 | 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 #3E5E5D 0% et #65B979 100%.

0.0%	0.0% #3E5E5D	RVB 62 94 93	#3E5E5D
16.7%	16.7% #446D61	RVB 68 109 97	#446D61
33.3%	33.3% #4B7C66	RVB 75 124 102	#4B7C66
50.0%	50.0% #518B6B	RVB 81 139 107	#518B6B
66.7%	66.7% #589A6F	RVB 88 154 111	#589A6F
83.3%	83.3% #5EA974	RVB 94 169 116	#5EA974
100.0%	100.0% #65B979	RVB 101 185 121	#65B979

#3E5E5D #446D61 #4B7C66 #518B6B #589A6F #5EA974 #65B979

#3E5E5D - #65B979

Mélange HSV

#3E5E5D - #65B979 | 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 #3E5E5D 0% et #65B979 100%.

0.0%	0.0% #3E5E5D	RVB 62 94 93	#3E5E5D
16.7%	16.7% #456D67	RVB 69 109 103	#456D67
33.3%	33.3% #4D7C6F	RVB 77 124 111	#4D7C6F
50.0%	50.0% #548B75	RVB 84 139 117	#548B75
66.7%	66.7% #5A9A79	RVB 90 154 121	#5A9A79
83.3%	83.3% #5FA97A	RVB 95 169 122	#5FA97A
100.0%	100.0% #65B979	RVB 101 185 121	#65B979

#3E5E5D #456D67 #4D7C6F #548B75 #5A9A79 #5FA97A #65B979

#3E5E5D - #548B75 - #65B979

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E5D 0%, #548B75 50%, #65B979 100%);
    background: -webkit-linear-gradient(top, #3E5E5D 0%, #548B75 50%, #65B979 100%);
    background: linear-gradient(to bottom, #3E5E5D 0%, #548B75 50%, #65B979 100%);
}
</style>