#1A2D25 - #BDC3C0 | 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 #1A2D25 à #BDC3C0

#1A2D25 #BDC3C0

Calculez la couleur entre deux couleurs, #1A2D25 et #BDC3C0. 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)

#1A2D25 - #BDC3C0 | 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 #1A2D25 0% et #BDC3C0 100%.

0.0%	0.0% #1A2D25	RVB 26 45 37	#1A2D25
16.7%	16.7% #35463E	RVB 53 70 62	#35463E
33.3%	33.3% #505F58	RVB 80 95 88	#505F58
50.0%	50.0% #6B7872	RVB 107 120 114	#6B7872
66.7%	66.7% #86918C	RVB 134 145 140	#86918C
83.3%	83.3% #A1AAA6	RVB 161 170 166	#A1AAA6
100.0%	100.0% #BDC3C0	RVB 189 195 192	#BDC3C0

#1A2D25 #35463E #505F58 #6B7872 #86918C #A1AAA6 #BDC3C0

#1A2D25 - #BDC3C0

Mélange HSV

#1A2D25 - #BDC3C0 | 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 #1A2D25 0% et #BDC3C0 100%.

0.0%	0.0% #1A2D25	RVB 26 45 37	#1A2D25
16.7%	16.7% #2D463B	RVB 45 70 59	#2D463B
33.3%	33.3% #435F52	RVB 67 95 82	#435F52
50.0%	50.0% #5C786B	RVB 92 120 107	#5C786B
66.7%	66.7% #799185	RVB 121 145 133	#799185
83.3%	83.3% #99AAA2	RVB 153 170 162	#99AAA2
100.0%	100.0% #BDC3C0	RVB 189 195 192	#BDC3C0

#1A2D25 #2D463B #435F52 #5C786B #799185 #99AAA2 #BDC3C0

#1A2D25 - #5C786B - #BDC3C0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A2D25 0%, #5C786B 50%, #BDC3C0 100%);
    background: -webkit-linear-gradient(top, #1A2D25 0%, #5C786B 50%, #BDC3C0 100%);
    background: linear-gradient(to bottom, #1A2D25 0%, #5C786B 50%, #BDC3C0 100%);
}
</style>