#5E7B8C - #C6BDAC | 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 #5E7B8C à #C6BDAC

#5E7B8C #C6BDAC

Calculez la couleur entre deux couleurs, #5E7B8C et #C6BDAC. 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)

#5E7B8C - #C6BDAC | 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 #5E7B8C 0% et #C6BDAC 100%.

0.0%	0.0% #5E7B8C	RVB 94 123 140	#5E7B8C
16.7%	16.7% #6F8691	RVB 111 134 145	#6F8691
33.3%	33.3% #809196	RVB 128 145 150	#809196
50.0%	50.0% #929C9C	RVB 146 156 156	#929C9C
66.7%	66.7% #A3A7A1	RVB 163 167 161	#A3A7A1
83.3%	83.3% #B4B2A6	RVB 180 178 166	#B4B2A6
100.0%	100.0% #C6BDAC	RVB 198 189 172	#C6BDAC

#5E7B8C #6F8691 #809196 #929C9C #A3A7A1 #B4B2A6 #C6BDAC

#5E7B8C - #C6BDAC

Mélange HSV

#5E7B8C - #C6BDAC | 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 #5E7B8C 0% et #C6BDAC 100%.

0.0%	0.0% #5E7B8C	RVB 94 123 140	#5E7B8C
16.7%	16.7% #699591	RVB 105 149 145	#699591
33.3%	33.3% #759F88	RVB 117 159 136	#759F88
50.0%	50.0% #82A982	RVB 130 169 130	#82A982
66.7%	66.7% #9EB28F	RVB 158 178 143	#9EB28F
83.3%	83.3% #B9BC9D	RVB 185 188 157	#B9BC9D
100.0%	100.0% #C6BDAC	RVB 198 189 172	#C6BDAC

#5E7B8C #699591 #759F88 #82A982 #9EB28F #B9BC9D #C6BDAC

#5E7B8C - #82A982 - #C6BDAC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7B8C 0%, #82A982 50%, #C6BDAC 100%);
    background: -webkit-linear-gradient(top, #5E7B8C 0%, #82A982 50%, #C6BDAC 100%);
    background: linear-gradient(to bottom, #5E7B8C 0%, #82A982 50%, #C6BDAC 100%);
}
</style>