#C3DFB5 - #EDF5E9 | 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 #C3DFB5 à #EDF5E9

#C3DFB5 #EDF5E9

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

#C3DFB5 - #EDF5E9 | 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 #C3DFB5 0% et #EDF5E9 100%.

0.0%	0.0% #C3DFB5	RVB 195 223 181	#C3DFB5
16.7%	16.7% #CAE2BD	RVB 202 226 189	#CAE2BD
33.3%	33.3% #D1E6C6	RVB 209 230 198	#D1E6C6
50.0%	50.0% #D8EACF	RVB 216 234 207	#D8EACF
66.7%	66.7% #DFEDD7	RVB 223 237 215	#DFEDD7
83.3%	83.3% #E6F1E0	RVB 230 241 224	#E6F1E0
100.0%	100.0% #EDF5E9	RVB 237 245 233	#EDF5E9

#C3DFB5 #CAE2BD #D1E6C6 #D8EACF #DFEDD7 #E6F1E0 #EDF5E9

#C3DFB5 - #EDF5E9

Mélange HSV

#C3DFB5 - #EDF5E9 | 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 #C3DFB5 0% et #EDF5E9 100%.

0.0%	0.0% #C3DFB5	RVB 195 223 181	#C3DFB5
16.7%	16.7% #C9E2BD	RVB 201 226 189	#C9E2BD
33.3%	33.3% #D0E6C5	RVB 208 230 197	#D0E6C5
50.0%	50.0% #D7EACE	RVB 215 234 206	#D7EACE
66.7%	66.7% #DEEDD6	RVB 222 237 214	#DEEDD6
83.3%	83.3% #E5F1DF	RVB 229 241 223	#E5F1DF
100.0%	100.0% #EDF5E9	RVB 237 245 233	#EDF5E9

#C3DFB5 #C9E2BD #D0E6C5 #D7EACE #DEEDD6 #E5F1DF #EDF5E9

#C3DFB5 - #D7EACE - #EDF5E9

Codes CSS

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

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