#D2D9DA - #E8F0FF | 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 #D2D9DA à #E8F0FF

#D2D9DA #E8F0FF

Calculez la couleur entre deux couleurs, #D2D9DA et #E8F0FF. 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)

#D2D9DA - #E8F0FF | 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 #D2D9DA 0% et #E8F0FF 100%.

0.0%	0.0% #D2D9DA	RVB 210 217 218	#D2D9DA
16.7%	16.7% #D5DCE0	RVB 213 220 224	#D5DCE0
33.3%	33.3% #D9E0E6	RVB 217 224 230	#D9E0E6
50.0%	50.0% #DDE4EC	RVB 221 228 236	#DDE4EC
66.7%	66.7% #E0E8F2	RVB 224 232 242	#E0E8F2
83.3%	83.3% #E4ECF8	RVB 228 236 248	#E4ECF8
100.0%	100.0% #E8F0FF	RVB 232 240 255	#E8F0FF

#D2D9DA #D5DCE0 #D9E0E6 #DDE4EC #E0E8F2 #E4ECF8 #E8F0FF

#D2D9DA - #E8F0FF

Mélange HSV

#D2D9DA - #E8F0FF | 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 #D2D9DA 0% et #E8F0FF 100%.

0.0%	0.0% #D2D9DA	RVB 210 217 218	#D2D9DA
16.7%	16.7% #D5DDE0	RVB 213 221 224	#D5DDE0
33.3%	33.3% #D9E2E6	RVB 217 226 230	#D9E2E6
50.0%	50.0% #DDE6EC	RVB 221 230 236	#DDE6EC
66.7%	66.7% #E1EAF2	RVB 225 234 242	#E1EAF2
83.3%	83.3% #E4EDF8	RVB 228 237 248	#E4EDF8
100.0%	100.0% #E8F0FF	RVB 232 240 255	#E8F0FF

#D2D9DA #D5DDE0 #D9E2E6 #DDE6EC #E1EAF2 #E4EDF8 #E8F0FF

#D2D9DA - #DDE6EC - #E8F0FF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D9DA 0%, #DDE6EC 50%, #E8F0FF 100%);
    background: -webkit-linear-gradient(top, #D2D9DA 0%, #DDE6EC 50%, #E8F0FF 100%);
    background: linear-gradient(to bottom, #D2D9DA 0%, #DDE6EC 50%, #E8F0FF 100%);
}
</style>