#080202 - #2D333C | 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 #080202 à #2D333C

#080202 #2D333C

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

#080202 - #2D333C | 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 #080202 0% et #2D333C 100%.

0.0%	0.0% #080202	RVB 8 2 2	#080202
16.7%	16.7% #0E0A0B	RVB 14 10 11	#0E0A0B
33.3%	33.3% #141215	RVB 20 18 21	#141215
50.0%	50.0% #1A1A1F	RVB 26 26 31	#1A1A1F
66.7%	66.7% #202228	RVB 32 34 40	#202228
83.3%	83.3% #262A32	RVB 38 42 50	#262A32
100.0%	100.0% #2D333C	RVB 45 51 60	#2D333C

#080202 #0E0A0B #141215 #1A1A1F #202228 #262A32 #2D333C

#080202 - #2D333C

Mélange HSV

#080202 - #2D333C | 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 #080202 0% et #2D333C 100%.

0.0%	0.0% #080202	RVB 8 2 2	#080202
16.7%	16.7% #10050A	RVB 16 5 10	#10050A
33.3%	33.3% #190A16	RVB 25 10 22	#190A16
50.0%	50.0% #1E1122	RVB 30 17 34	#1E1122
66.7%	66.7% #1F182A	RVB 31 24 42	#1F182A
83.3%	83.3% #222233	RVB 34 34 51	#222233
100.0%	100.0% #2D333C	RVB 45 51 60	#2D333C

#080202 #10050A #190A16 #1E1122 #1F182A #222233 #2D333C

#080202 - #1E1122 - #2D333C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080202 0%, #1E1122 50%, #2D333C 100%);
    background: -webkit-linear-gradient(top, #080202 0%, #1E1122 50%, #2D333C 100%);
    background: linear-gradient(to bottom, #080202 0%, #1E1122 50%, #2D333C 100%);
}
</style>