#D1DADE - #D9F0EB | 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 #D1DADE à #D9F0EB

#D1DADE #D9F0EB

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

#D1DADE - #D9F0EB | 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 #D1DADE 0% et #D9F0EB 100%.

0.0%	0.0% #D1DADE	RVB 209 218 222	#D1DADE
16.7%	16.7% #D2DDE0	RVB 210 221 224	#D2DDE0
33.3%	33.3% #D3E1E2	RVB 211 225 226	#D3E1E2
50.0%	50.0% #D5E5E4	RVB 213 229 228	#D5E5E4
66.7%	66.7% #D6E8E6	RVB 214 232 230	#D6E8E6
83.3%	83.3% #D7ECE8	RVB 215 236 232	#D7ECE8
100.0%	100.0% #D9F0EB	RVB 217 240 235	#D9F0EB

#D1DADE #D2DDE0 #D3E1E2 #D5E5E4 #D6E8E6 #D7ECE8 #D9F0EB

#D1DADE - #D9F0EB

Mélange HSV

#D1DADE - #D9F0EB | 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 #D1DADE 0% et #D9F0EB 100%.

0.0%	0.0% #D1DADE	RVB 209 218 222	#D1DADE
16.7%	16.7% #D2DDE1	RVB 210 221 225	#D2DDE1
33.3%	33.3% #D3E1E4	RVB 211 225 228	#D3E1E4
50.0%	50.0% #D5E6E7	RVB 213 230 231	#D5E6E7
66.7%	66.7% #D6EAE9	RVB 214 234 233	#D6EAE9
83.3%	83.3% #D7EDEA	RVB 215 237 234	#D7EDEA
100.0%	100.0% #D9F0EB	RVB 217 240 235	#D9F0EB

#D1DADE #D2DDE1 #D3E1E4 #D5E6E7 #D6EAE9 #D7EDEA #D9F0EB

#D1DADE - #D5E6E7 - #D9F0EB

Codes CSS

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

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