#D1E6BC - #E5E5E7 | 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 #D1E6BC à #E5E5E7

#D1E6BC #E5E5E7

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

#D1E6BC - #E5E5E7 | 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 #D1E6BC 0% et #E5E5E7 100%.

0.0%	0.0% #D1E6BC	RVB 209 230 188	#D1E6BC
16.7%	16.7% #D4E5C3	RVB 212 229 195	#D4E5C3
33.3%	33.3% #D7E5CA	RVB 215 229 202	#D7E5CA
50.0%	50.0% #DBE5D1	RVB 219 229 209	#DBE5D1
66.7%	66.7% #DEE5D8	RVB 222 229 216	#DEE5D8
83.3%	83.3% #E1E5DF	RVB 225 229 223	#E1E5DF
100.0%	100.0% #E5E5E7	RVB 229 229 231	#E5E5E7

#D1E6BC #D4E5C3 #D7E5CA #DBE5D1 #DEE5D8 #E1E5DF #E5E5E7

#D1E6BC - #E5E5E7

Mélange HSV

#D1E6BC - #E5E5E7 | 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 #D1E6BC 0% et #E5E5E7 100%.

0.0%	0.0% #D1E6BC	RVB 209 230 188	#D1E6BC
16.7%	16.7% #C5E6C2	RVB 197 230 194	#C5E6C2
33.3%	33.3% #C9E6D3	RVB 201 230 211	#C9E6D3
50.0%	50.0% #D0E6E0	RVB 208 230 224	#D0E6E0
66.7%	66.7% #D7E4E6	RVB 215 228 230	#D7E4E6
83.3%	83.3% #DEE1E6	RVB 222 225 230	#DEE1E6
100.0%	100.0% #E5E5E7	RVB 229 229 231	#E5E5E7

#D1E6BC #C5E6C2 #C9E6D3 #D0E6E0 #D7E4E6 #DEE1E6 #E5E5E7

#D1E6BC - #D0E6E0 - #E5E5E7

Codes CSS

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

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