#D9DBD0 - #EAF5E3 | 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 #D9DBD0 à #EAF5E3

#D9DBD0 #EAF5E3

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

#D9DBD0 - #EAF5E3 | 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 #D9DBD0 0% et #EAF5E3 100%.

0.0%	0.0% #D9DBD0	RVB 217 219 208	#D9DBD0
16.7%	16.7% #DBDFD3	RVB 219 223 211	#DBDFD3
33.3%	33.3% #DEE3D6	RVB 222 227 214	#DEE3D6
50.0%	50.0% #E1E8D9	RVB 225 232 217	#E1E8D9
66.7%	66.7% #E4ECDC	RVB 228 236 220	#E4ECDC
83.3%	83.3% #E7F0DF	RVB 231 240 223	#E7F0DF
100.0%	100.0% #EAF5E3	RVB 234 245 227	#EAF5E3

#D9DBD0 #DBDFD3 #DEE3D6 #E1E8D9 #E4ECDC #E7F0DF #EAF5E3

#D9DBD0 - #EAF5E3

Mélange HSV

#D9DBD0 - #EAF5E3 | 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 #D9DBD0 0% et #EAF5E3 100%.

0.0%	0.0% #D9DBD0	RVB 217 219 208	#D9DBD0
16.7%	16.7% #DCDFD3	RVB 220 223 211	#DCDFD3
33.3%	33.3% #DFE3D6	RVB 223 227 214	#DFE3D6
50.0%	50.0% #E2E8D9	RVB 226 232 217	#E2E8D9
66.7%	66.7% #E5ECDC	RVB 229 236 220	#E5ECDC
83.3%	83.3% #E7F0DF	RVB 231 240 223	#E7F0DF
100.0%	100.0% #EAF5E3	RVB 234 245 227	#EAF5E3

#D9DBD0 #DCDFD3 #DFE3D6 #E2E8D9 #E5ECDC #E7F0DF #EAF5E3

#D9DBD0 - #E2E8D9 - #EAF5E3

Codes CSS

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

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