#C4DFA9 - #EDF5E6 | 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 #C4DFA9 à #EDF5E6

#C4DFA9 #EDF5E6

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

#C4DFA9 - #EDF5E6 | 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 #C4DFA9 0% et #EDF5E6 100%.

0.0%	0.0% #C4DFA9	RVB 196 223 169	#C4DFA9
16.7%	16.7% #CAE2B3	RVB 202 226 179	#CAE2B3
33.3%	33.3% #D1E6BD	RVB 209 230 189	#D1E6BD
50.0%	50.0% #D8EAC7	RVB 216 234 199	#D8EAC7
66.7%	66.7% #DFEDD1	RVB 223 237 209	#DFEDD1
83.3%	83.3% #E6F1DB	RVB 230 241 219	#E6F1DB
100.0%	100.0% #EDF5E6	RVB 237 245 230	#EDF5E6

#C4DFA9 #CAE2B3 #D1E6BD #D8EAC7 #DFEDD1 #E6F1DB #EDF5E6

#C4DFA9 - #EDF5E6

Mélange HSV

#C4DFA9 - #EDF5E6 | 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 #C4DFA9 0% et #EDF5E6 100%.

0.0%	0.0% #C4DFA9	RVB 196 223 169	#C4DFA9
16.7%	16.7% #CAE2B2	RVB 202 226 178	#CAE2B2
33.3%	33.3% #D0E6BC	RVB 208 230 188	#D0E6BC
50.0%	50.0% #D7EAC6	RVB 215 234 198	#D7EAC6
66.7%	66.7% #DEEDD0	RVB 222 237 208	#DEEDD0
83.3%	83.3% #E5F1DB	RVB 229 241 219	#E5F1DB
100.0%	100.0% #EDF5E6	RVB 237 245 230	#EDF5E6

#C4DFA9 #CAE2B2 #D0E6BC #D7EAC6 #DEEDD0 #E5F1DB #EDF5E6

#C4DFA9 - #D7EAC6 - #EDF5E6

Codes CSS

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

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