#C5E3C6 - #EEF7EF | 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 #C5E3C6 à #EEF7EF

#C5E3C6 #EEF7EF

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

#C5E3C6 - #EEF7EF | 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 #C5E3C6 0% et #EEF7EF 100%.

0.0%	0.0% #C5E3C6	RVB 197 227 198	#C5E3C6
16.7%	16.7% #CBE6CC	RVB 203 230 204	#CBE6CC
33.3%	33.3% #D2E9D3	RVB 210 233 211	#D2E9D3
50.0%	50.0% #D9EDDA	RVB 217 237 218	#D9EDDA
66.7%	66.7% #E0F0E1	RVB 224 240 225	#E0F0E1
83.3%	83.3% #E7F3E8	RVB 231 243 232	#E7F3E8
100.0%	100.0% #EEF7EF	RVB 238 247 239	#EEF7EF

#C5E3C6 #CBE6CC #D2E9D3 #D9EDDA #E0F0E1 #E7F3E8 #EEF7EF

#C5E3C6 - #EEF7EF

Mélange HSV

#C5E3C6 - #EEF7EF | 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 #C5E3C6 0% et #EEF7EF 100%.

0.0%	0.0% #C5E3C6	RVB 197 227 198	#C5E3C6
16.7%	16.7% #CBE6CC	RVB 203 230 204	#CBE6CC
33.3%	33.3% #D2E9D3	RVB 210 233 211	#D2E9D3
50.0%	50.0% #D9EDDA	RVB 217 237 218	#D9EDDA
66.7%	66.7% #DFF0E1	RVB 223 240 225	#DFF0E1
83.3%	83.3% #E6F3E8	RVB 230 243 232	#E6F3E8
100.0%	100.0% #EEF7EF	RVB 238 247 239	#EEF7EF

#C5E3C6 #CBE6CC #D2E9D3 #D9EDDA #DFF0E1 #E6F3E8 #EEF7EF

#C5E3C6 - #D9EDDA - #EEF7EF

Codes CSS

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

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