#2C2D24 - #C2C3C0 | 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 #2C2D24 à #C2C3C0

#2C2D24 #C2C3C0

Calculez la couleur entre deux couleurs, #2C2D24 et #C2C3C0. 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)

#2C2D24 - #C2C3C0 | 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 #2C2D24 0% et #C2C3C0 100%.

0.0%	0.0% #2C2D24	RVB 44 45 36	#2C2D24
16.7%	16.7% #45463E	RVB 69 70 62	#45463E
33.3%	33.3% #5E5F58	RVB 94 95 88	#5E5F58
50.0%	50.0% #777872	RVB 119 120 114	#777872
66.7%	66.7% #90918C	RVB 144 145 140	#90918C
83.3%	83.3% #A9AAA6	RVB 169 170 166	#A9AAA6
100.0%	100.0% #C2C3C0	RVB 194 195 192	#C2C3C0

#2C2D24 #45463E #5E5F58 #777872 #90918C #A9AAA6 #C2C3C0

#2C2D24 - #C2C3C0

Mélange HSV

#2C2D24 - #C2C3C0 | 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 #2C2D24 0% et #C2C3C0 100%.

0.0%	0.0% #2C2D24	RVB 44 45 36	#2C2D24
16.7%	16.7% #44463A	RVB 68 70 58	#44463A
33.3%	33.3% #5C5F51	RVB 92 95 81	#5C5F51
50.0%	50.0% #75786B	RVB 117 120 107	#75786B
66.7%	66.7% #8E9185	RVB 142 145 133	#8E9185
83.3%	83.3% #A7AAA2	RVB 167 170 162	#A7AAA2
100.0%	100.0% #C2C3C0	RVB 194 195 192	#C2C3C0

#2C2D24 #44463A #5C5F51 #75786B #8E9185 #A7AAA2 #C2C3C0

#2C2D24 - #75786B - #C2C3C0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C2D24 0%, #75786B 50%, #C2C3C0 100%);
    background: -webkit-linear-gradient(top, #2C2D24 0%, #75786B 50%, #C2C3C0 100%);
    background: linear-gradient(to bottom, #2C2D24 0%, #75786B 50%, #C2C3C0 100%);
}
</style>