#3D4D56 - #C7CCCE | 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 #3D4D56 à #C7CCCE

#3D4D56 #C7CCCE

Calculez la couleur entre deux couleurs, #3D4D56 et #C7CCCE. 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)

#3D4D56 - #C7CCCE | 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 #3D4D56 0% et #C7CCCE 100%.

0.0%	0.0% #3D4D56	RVB 61 77 86	#3D4D56
16.7%	16.7% #54626A	RVB 84 98 106	#54626A
33.3%	33.3% #6B777E	RVB 107 119 126	#6B777E
50.0%	50.0% #828C92	RVB 130 140 146	#828C92
66.7%	66.7% #99A1A6	RVB 153 161 166	#99A1A6
83.3%	83.3% #B0B6BA	RVB 176 182 186	#B0B6BA
100.0%	100.0% #C7CCCE	RVB 199 204 206	#C7CCCE

#3D4D56 #54626A #6B777E #828C92 #99A1A6 #B0B6BA #C7CCCE

#3D4D56 - #C7CCCE

Mélange HSV

#3D4D56 - #C7CCCE | 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 #3D4D56 0% et #C7CCCE 100%.

0.0%	0.0% #3D4D56	RVB 61 77 86	#3D4D56
16.7%	16.7% #4F606A	RVB 79 96 106	#4F606A
33.3%	33.3% #64757E	RVB 100 117 126	#64757E
50.0%	50.0% #7A8A92	RVB 122 138 146	#7A8A92
66.7%	66.7% #929FA6	RVB 146 159 166	#929FA6
83.3%	83.3% #ABB5BA	RVB 171 181 186	#ABB5BA
100.0%	100.0% #C7CCCE	RVB 199 204 206	#C7CCCE

#3D4D56 #4F606A #64757E #7A8A92 #929FA6 #ABB5BA #C7CCCE

#3D4D56 - #7A8A92 - #C7CCCE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4D56 0%, #7A8A92 50%, #C7CCCE 100%);
    background: -webkit-linear-gradient(top, #3D4D56 0%, #7A8A92 50%, #C7CCCE 100%);
    background: linear-gradient(to bottom, #3D4D56 0%, #7A8A92 50%, #C7CCCE 100%);
}
</style>