#D5E6A8 - #FAF3C6 | 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 #D5E6A8 à #FAF3C6

#D5E6A8 #FAF3C6

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

#D5E6A8 - #FAF3C6 | 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 #D5E6A8 0% et #FAF3C6 100%.

0.0%	0.0% #D5E6A8	RVB 213 230 168	#D5E6A8
16.7%	16.7% #DBE8AD	RVB 219 232 173	#DBE8AD
33.3%	33.3% #E1EAB2	RVB 225 234 178	#E1EAB2
50.0%	50.0% #E7ECB7	RVB 231 236 183	#E7ECB7
66.7%	66.7% #EDEEBC	RVB 237 238 188	#EDEEBC
83.3%	83.3% #F3F0C1	RVB 243 240 193	#F3F0C1
100.0%	100.0% #FAF3C6	RVB 250 243 198	#FAF3C6

#D5E6A8 #DBE8AD #E1EAB2 #E7ECB7 #EDEEBC #F3F0C1 #FAF3C6

#D5E6A8 - #FAF3C6

Mélange HSV

#D5E6A8 - #FAF3C6 | 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 #D5E6A8 0% et #FAF3C6 100%.

0.0%	0.0% #D5E6A8	RVB 213 230 168	#D5E6A8
16.7%	16.7% #DCE9AC	RVB 220 233 172	#DCE9AC
33.3%	33.3% #E4ECB1	RVB 228 236 177	#E4ECB1
50.0%	50.0% #ECF0B6	RVB 236 240 182	#ECF0B6
66.7%	66.7% #F3F3BB	RVB 243 243 187	#F3F3BB
83.3%	83.3% #F6F3C0	RVB 246 243 192	#F6F3C0
100.0%	100.0% #FAF3C6	RVB 250 243 198	#FAF3C6

#D5E6A8 #DCE9AC #E4ECB1 #ECF0B6 #F3F3BB #F6F3C0 #FAF3C6

#D5E6A8 - #ECF0B6 - #FAF3C6

Codes CSS

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

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