#465650 - #CACECC | 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 #465650 à #CACECC

#465650 #CACECC

Calculez la couleur entre deux couleurs, #465650 et #CACECC. 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)

#465650 - #CACECC | 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 #465650 0% et #CACECC 100%.

0.0%	0.0% #465650	RVB 70 86 80	#465650
16.7%	16.7% #5C6A64	RVB 92 106 100	#5C6A64
33.3%	33.3% #727E79	RVB 114 126 121	#727E79
50.0%	50.0% #88928E	RVB 136 146 142	#88928E
66.7%	66.7% #9EA6A2	RVB 158 166 162	#9EA6A2
83.3%	83.3% #B4BAB7	RVB 180 186 183	#B4BAB7
100.0%	100.0% #CACECC	RVB 202 206 204	#CACECC

#465650 #5C6A64 #727E79 #88928E #9EA6A2 #B4BAB7 #CACECC

#465650 - #CACECC

Mélange HSV

#465650 - #CACECC | 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 #465650 0% et #CACECC 100%.

0.0%	0.0% #465650	RVB 70 86 80	#465650
16.7%	16.7% #596A63	RVB 89 106 99	#596A63
33.3%	33.3% #6D7E77	RVB 109 126 119	#6D7E77
50.0%	50.0% #83928B	RVB 131 146 139	#83928B
66.7%	66.7% #99A6A0	RVB 153 166 160	#99A6A0
83.3%	83.3% #B1BAB5	RVB 177 186 181	#B1BAB5
100.0%	100.0% #CACECC	RVB 202 206 204	#CACECC

#465650 #596A63 #6D7E77 #83928B #99A6A0 #B1BAB5 #CACECC

#465650 - #83928B - #CACECC

Codes CSS

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

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