#5E5E65 - #152B23 | 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 #5E5E65 à #152B23

#5E5E65 #152B23

Calculez la couleur entre deux couleurs, #5E5E65 et #152B23. 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)

#5E5E65 - #152B23 | 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 #5E5E65 0% et #152B23 100%.

0.0%	0.0% #5E5E65	RVB 94 94 101	#5E5E65
16.7%	16.7% #51555A	RVB 81 85 90	#51555A
33.3%	33.3% #454D4F	RVB 69 77 79	#454D4F
50.0%	50.0% #394444	RVB 57 68 68	#394444
66.7%	66.7% #2D3C39	RVB 45 60 57	#2D3C39
83.3%	83.3% #21332E	RVB 33 51 46	#21332E
100.0%	100.0% #152B23	RVB 21 43 35	#152B23

#5E5E65 #51555A #454D4F #394444 #2D3C39 #21332E #152B23

#5E5E65 - #152B23

Mélange HSV

#5E5E65 - #152B23 | 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 #5E5E65 0% et #152B23 100%.

0.0%	0.0% #5E5E65	RVB 94 94 101	#5E5E65
16.7%	16.7% #4E515B	RVB 78 81 91	#4E515B
33.3%	33.3% #3F4851	RVB 63 72 81	#3F4851
50.0%	50.0% #334148	RVB 51 65 72	#334148
66.7%	66.7% #273C3E	RVB 39 60 62	#273C3E
83.3%	83.3% #1D3431	RVB 29 52 49	#1D3431
100.0%	100.0% #152B23	RVB 21 43 35	#152B23

#5E5E65 #4E515B #3F4851 #334148 #273C3E #1D3431 #152B23

#5E5E65 - #334148 - #152B23

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E65 0%, #334148 50%, #152B23 100%);
    background: -webkit-linear-gradient(top, #5E5E65 0%, #334148 50%, #152B23 100%);
    background: linear-gradient(to bottom, #5E5E65 0%, #334148 50%, #152B23 100%);
}
</style>