#0C0A16 - #5E3D3E | 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 #0C0A16 à #5E3D3E

#0C0A16 #5E3D3E

Calculez la couleur entre deux couleurs, #0C0A16 et #5E3D3E. 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)

#0C0A16 - #5E3D3E | 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 #0C0A16 0% et #5E3D3E 100%.

0.0%	0.0% #0C0A16	RVB 12 10 22	#0C0A16
16.7%	16.7% #19121C	RVB 25 18 28	#19121C
33.3%	33.3% #271B23	RVB 39 27 35	#271B23
50.0%	50.0% #35232A	RVB 53 35 42	#35232A
66.7%	66.7% #422C30	RVB 66 44 48	#422C30
83.3%	83.3% #503437	RVB 80 52 55	#503437
100.0%	100.0% #5E3D3E	RVB 94 61 62	#5E3D3E

#0C0A16 #19121C #271B23 #35232A #422C30 #503437 #5E3D3E

#0C0A16 - #5E3D3E

Mélange HSV

#0C0A16 - #5E3D3E | 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 #0C0A16 0% et #5E3D3E 100%.

0.0%	0.0% #0C0A16	RVB 12 10 22	#0C0A16
16.7%	16.7% #181022	RVB 24 16 34	#181022
33.3%	33.3% #28172E	RVB 40 23 46	#28172E
50.0%	50.0% #3A2038	RVB 58 32 56	#3A2038
66.7%	66.7% #46283B	RVB 70 40 59	#46283B
83.3%	83.3% #52323C	RVB 82 50 60	#52323C
100.0%	100.0% #5E3D3E	RVB 94 61 62	#5E3D3E

#0C0A16 #181022 #28172E #3A2038 #46283B #52323C #5E3D3E

#0C0A16 - #3A2038 - #5E3D3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C0A16 0%, #3A2038 50%, #5E3D3E 100%);
    background: -webkit-linear-gradient(top, #0C0A16 0%, #3A2038 50%, #5E3D3E 100%);
    background: linear-gradient(to bottom, #0C0A16 0%, #3A2038 50%, #5E3D3E 100%);
}
</style>