#5C5E5E - #82CAD7 | 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 #5C5E5E à #82CAD7

#5C5E5E #82CAD7

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

#5C5E5E - #82CAD7 | 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 #5C5E5E 0% et #82CAD7 100%.

0.0%	0.0% #5C5E5E	RVB 92 94 94	#5C5E5E
16.7%	16.7% #627072	RVB 98 112 114	#627072
33.3%	33.3% #688286	RVB 104 130 134	#688286
50.0%	50.0% #6F949A	RVB 111 148 154	#6F949A
66.7%	66.7% #75A6AE	RVB 117 166 174	#75A6AE
83.3%	83.3% #7BB8C2	RVB 123 184 194	#7BB8C2
100.0%	100.0% #82CAD7	RVB 130 202 215	#82CAD7

#5C5E5E #627072 #688286 #6F949A #75A6AE #7BB8C2 #82CAD7

#5C5E5E - #82CAD7

Mélange HSV

#5C5E5E - #82CAD7 | 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 #5C5E5E 0% et #82CAD7 100%.

0.0%	0.0% #5C5E5E	RVB 92 94 94	#5C5E5E
16.7%	16.7% #687172	RVB 104 113 114	#687172
33.3%	33.3% #728586	RVB 114 133 134	#728586
50.0%	50.0% #7A989A	RVB 122 152 154	#7A989A
66.7%	66.7% #7FA9AE	RVB 127 169 174	#7FA9AE
83.3%	83.3% #81BAC2	RVB 129 186 194	#81BAC2
100.0%	100.0% #82CAD7	RVB 130 202 215	#82CAD7

#5C5E5E #687172 #728586 #7A989A #7FA9AE #81BAC2 #82CAD7

#5C5E5E - #7A989A - #82CAD7

Codes CSS

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

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