#9FECE8 - #D9E3C7 | 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 #9FECE8 à #D9E3C7

#9FECE8 #D9E3C7

Calculez la couleur entre deux couleurs, #9FECE8 et #D9E3C7. 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)

#9FECE8 - #D9E3C7 | 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 #9FECE8 0% et #D9E3C7 100%.

0.0%	0.0% #9FECE8	RVB 159 236 232	#9FECE8
16.7%	16.7% #A8EAE2	RVB 168 234 226	#A8EAE2
33.3%	33.3% #B2E9DD	RVB 178 233 221	#B2E9DD
50.0%	50.0% #BCE7D7	RVB 188 231 215	#BCE7D7
66.7%	66.7% #C5E6D2	RVB 197 230 210	#C5E6D2
83.3%	83.3% #CFE4CC	RVB 207 228 204	#CFE4CC
100.0%	100.0% #D9E3C7	RVB 217 227 199	#D9E3C7

#9FECE8 #A8EAE2 #B2E9DD #BCE7D7 #C5E6D2 #CFE4CC #D9E3C7

#9FECE8 - #D9E3C7

Mélange HSV

#9FECE8 - #D9E3C7 | 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 #9FECE8 0% et #D9E3C7 100%.

0.0%	0.0% #9FECE8	RVB 159 236 232	#9FECE8
16.7%	16.7% #A5EAD4	RVB 165 234 212	#A5EAD4
33.3%	33.3% #ACE9C5	RVB 172 233 197	#ACE9C5
50.0%	50.0% #B3E7BB	RVB 179 231 187	#B3E7BB
66.7%	66.7% #BFE6BA	RVB 191 230 186	#BFE6BA
83.3%	83.3% #CEE4C0	RVB 206 228 192	#CEE4C0
100.0%	100.0% #D9E3C7	RVB 217 227 199	#D9E3C7

#9FECE8 #A5EAD4 #ACE9C5 #B3E7BB #BFE6BA #CEE4C0 #D9E3C7

#9FECE8 - #B3E7BB - #D9E3C7

Codes CSS

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

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