#767C92 - #CAB9A8 | 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 #767C92 à #CAB9A8

#767C92 #CAB9A8

Calculez la couleur entre deux couleurs, #767C92 et #CAB9A8. 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)

#767C92 - #CAB9A8 | 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 #767C92 0% et #CAB9A8 100%.

0.0%	0.0% #767C92	RVB 118 124 146	#767C92
16.7%	16.7% #848695	RVB 132 134 149	#848695
33.3%	33.3% #929099	RVB 146 144 153	#929099
50.0%	50.0% #A09A9D	RVB 160 154 157	#A09A9D
66.7%	66.7% #AEA4A0	RVB 174 164 160	#AEA4A0
83.3%	83.3% #BCAEA4	RVB 188 174 164	#BCAEA4
100.0%	100.0% #CAB9A8	RVB 202 185 168	#CAB9A8

#767C92 #848695 #929099 #A09A9D #AEA4A0 #BCAEA4 #CAB9A8

#767C92 - #CAB9A8

Mélange HSV

#767C92 - #CAB9A8 | 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 #767C92 0% et #CAB9A8 100%.

0.0%	0.0% #767C92	RVB 118 124 146	#767C92
16.7%	16.7% #857E9B	RVB 133 126 155	#857E9B
33.3%	33.3% #9B86A4	RVB 155 134 164	#9B86A4
50.0%	50.0% #AE8EA9	RVB 174 142 169	#AE8EA9
66.7%	66.7% #B797A4	RVB 183 151 164	#B797A4
83.3%	83.3% #C0A19F	RVB 192 161 159	#C0A19F
100.0%	100.0% #CAB9A8	RVB 202 185 168	#CAB9A8

#767C92 #857E9B #9B86A4 #AE8EA9 #B797A4 #C0A19F #CAB9A8

#767C92 - #AE8EA9 - #CAB9A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #767C92 0%, #AE8EA9 50%, #CAB9A8 100%);
    background: -webkit-linear-gradient(top, #767C92 0%, #AE8EA9 50%, #CAB9A8 100%);
    background: linear-gradient(to bottom, #767C92 0%, #AE8EA9 50%, #CAB9A8 100%);
}
</style>