#22182C - #BFBDC2 | 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 #22182C à #BFBDC2

#22182C #BFBDC2

Calculez la couleur entre deux couleurs, #22182C et #BFBDC2. 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)

#22182C - #BFBDC2 | 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 #22182C 0% et #BFBDC2 100%.

0.0%	0.0% #22182C	RVB 34 24 44	#22182C
16.7%	16.7% #3C3345	RVB 60 51 69	#3C3345
33.3%	33.3% #564F5E	RVB 86 79 94	#564F5E
50.0%	50.0% #706A77	RVB 112 106 119	#706A77
66.7%	66.7% #8A8690	RVB 138 134 144	#8A8690
83.3%	83.3% #A4A1A9	RVB 164 161 169	#A4A1A9
100.0%	100.0% #BFBDC2	RVB 191 189 194	#BFBDC2

#22182C #3C3345 #564F5E #706A77 #8A8690 #A4A1A9 #BFBDC2

#22182C - #BFBDC2

Mélange HSV

#22182C - #BFBDC2 | 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 #22182C 0% et #BFBDC2 100%.

0.0%	0.0% #22182C	RVB 34 24 44	#22182C
16.7%	16.7% #372A45	RVB 55 42 69	#372A45
33.3%	33.3% #4E405E	RVB 78 64 94	#4E405E
50.0%	50.0% #675A77	RVB 103 90 119	#675A77
66.7%	66.7% #827790	RVB 130 119 144	#827790
83.3%	83.3% #9F98A9	RVB 159 152 169	#9F98A9
100.0%	100.0% #BFBDC2	RVB 191 189 194	#BFBDC2

#22182C #372A45 #4E405E #675A77 #827790 #9F98A9 #BFBDC2

#22182C - #675A77 - #BFBDC2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22182C 0%, #675A77 50%, #BFBDC2 100%);
    background: -webkit-linear-gradient(top, #22182C 0%, #675A77 50%, #BFBDC2 100%);
    background: linear-gradient(to bottom, #22182C 0%, #675A77 50%, #BFBDC2 100%);
}
</style>