#E5EFE8 - #CCF0E8 | 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 #E5EFE8 à #CCF0E8

#E5EFE8 #CCF0E8

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

#E5EFE8 - #CCF0E8 | 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 #E5EFE8 0% et #CCF0E8 100%.

0.0%	0.0% #E5EFE8	RVB 229 239 232	#E5EFE8
16.7%	16.7% #E0EFE8	RVB 224 239 232	#E0EFE8
33.3%	33.3% #DCEFE8	RVB 220 239 232	#DCEFE8
50.0%	50.0% #D8EFE8	RVB 216 239 232	#D8EFE8
66.7%	66.7% #D4EFE8	RVB 212 239 232	#D4EFE8
83.3%	83.3% #D0EFE8	RVB 208 239 232	#D0EFE8
100.0%	100.0% #CCF0E8	RVB 204 240 232	#CCF0E8

#E5EFE8 #E0EFE8 #DCEFE8 #D8EFE8 #D4EFE8 #D0EFE8 #CCF0E8

#E5EFE8 - #CCF0E8

Mélange HSV

#E5EFE8 - #CCF0E8 | 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 #E5EFE8 0% et #CCF0E8 100%.

0.0%	0.0% #E5EFE8	RVB 229 239 232	#E5EFE8
16.7%	16.7% #E0EFE6	RVB 224 239 230	#E0EFE6
33.3%	33.3% #DCEFE5	RVB 220 239 229	#DCEFE5
50.0%	50.0% #D8EFE4	RVB 216 239 228	#D8EFE4
66.7%	66.7% #D4EFE5	RVB 212 239 229	#D4EFE5
83.3%	83.3% #D0EFE6	RVB 208 239 230	#D0EFE6
100.0%	100.0% #CCF0E8	RVB 204 240 232	#CCF0E8

#E5EFE8 #E0EFE6 #DCEFE5 #D8EFE4 #D4EFE5 #D0EFE6 #CCF0E8

#E5EFE8 - #D8EFE4 - #CCF0E8

Codes CSS

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

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