#C8CDCD - #5E9698 | 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 #C8CDCD à #5E9698

#C8CDCD #5E9698

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

#C8CDCD - #5E9698 | 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 #C8CDCD 0% et #5E9698 100%.

0.0%	0.0% #C8CDCD	RVB 200 205 205	#C8CDCD
16.7%	16.7% #B6C3C4	RVB 182 195 196	#B6C3C4
33.3%	33.3% #A4BABB	RVB 164 186 187	#A4BABB
50.0%	50.0% #93B1B2	RVB 147 177 178	#93B1B2
66.7%	66.7% #81A8A9	RVB 129 168 169	#81A8A9
83.3%	83.3% #6F9FA0	RVB 111 159 160	#6F9FA0
100.0%	100.0% #5E9698	RVB 94 150 152	#5E9698

#C8CDCD #B6C3C4 #A4BABB #93B1B2 #81A8A9 #6F9FA0 #5E9698

#C8CDCD - #5E9698

Mélange HSV

#C8CDCD - #5E9698 | 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 #C8CDCD 0% et #5E9698 100%.

0.0%	0.0% #C8CDCD	RVB 200 205 205	#C8CDCD
16.7%	16.7% #B3C4C4	RVB 179 196 196	#B3C4C4
33.3%	33.3% #A0BBBB	RVB 160 187 187	#A0BBBB
50.0%	50.0% #8EB1B2	RVB 142 177 178	#8EB1B2
66.7%	66.7% #7DA8A9	RVB 125 168 169	#7DA8A9
83.3%	83.3% #6D9FA0	RVB 109 159 160	#6D9FA0
100.0%	100.0% #5E9698	RVB 94 150 152	#5E9698

#C8CDCD #B3C4C4 #A0BBBB #8EB1B2 #7DA8A9 #6D9FA0 #5E9698

#C8CDCD - #8EB1B2 - #5E9698

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CDCD 0%, #8EB1B2 50%, #5E9698 100%);
    background: -webkit-linear-gradient(top, #C8CDCD 0%, #8EB1B2 50%, #5E9698 100%);
    background: linear-gradient(to bottom, #C8CDCD 0%, #8EB1B2 50%, #5E9698 100%);
}
</style>