#D4D9F0 - #3C3E44 | 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 #D4D9F0 à #3C3E44

#D4D9F0 #3C3E44

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

#D4D9F0 - #3C3E44 | 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 #D4D9F0 0% et #3C3E44 100%.

0.0%	0.0% #D4D9F0	RVB 212 217 240	#D4D9F0
16.7%	16.7% #BABFD3	RVB 186 191 211	#BABFD3
33.3%	33.3% #A1A5B6	RVB 161 165 182	#A1A5B6
50.0%	50.0% #888B9A	RVB 136 139 154	#888B9A
66.7%	66.7% #6E717D	RVB 110 113 125	#6E717D
83.3%	83.3% #555760	RVB 85 87 96	#555760
100.0%	100.0% #3C3E44	RVB 60 62 68	#3C3E44

#D4D9F0 #BABFD3 #A1A5B6 #888B9A #6E717D #555760 #3C3E44

#D4D9F0 - #3C3E44

Mélange HSV

#D4D9F0 - #3C3E44 | 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 #D4D9F0 0% et #3C3E44 100%.

0.0%	0.0% #D4D9F0	RVB 212 217 240	#D4D9F0
16.7%	16.7% #BABFD3	RVB 186 191 211	#BABFD3
33.3%	33.3% #A1A5B6	RVB 161 165 182	#A1A5B6
50.0%	50.0% #878B9A	RVB 135 139 154	#878B9A
66.7%	66.7% #6E717D	RVB 110 113 125	#6E717D
83.3%	83.3% #555860	RVB 85 88 96	#555860
100.0%	100.0% #3C3E44	RVB 60 62 68	#3C3E44

#D4D9F0 #BABFD3 #A1A5B6 #878B9A #6E717D #555860 #3C3E44

#D4D9F0 - #878B9A - #3C3E44

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4D9F0 0%, #878B9A 50%, #3C3E44 100%);
    background: -webkit-linear-gradient(top, #D4D9F0 0%, #878B9A 50%, #3C3E44 100%);
    background: linear-gradient(to bottom, #D4D9F0 0%, #878B9A 50%, #3C3E44 100%);
}
</style>