#C5C6BB - #ECEED1 | 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 #C5C6BB à #ECEED1

#C5C6BB #ECEED1

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

#C5C6BB - #ECEED1 | 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 #C5C6BB 0% et #ECEED1 100%.

0.0%	0.0% #C5C6BB	RVB 197 198 187	#C5C6BB
16.7%	16.7% #CBCCBE	RVB 203 204 190	#CBCCBE
33.3%	33.3% #D2D3C2	RVB 210 211 194	#D2D3C2
50.0%	50.0% #D8DAC6	RVB 216 218 198	#D8DAC6
66.7%	66.7% #DFE0C9	RVB 223 224 201	#DFE0C9
83.3%	83.3% #E5E7CD	RVB 229 231 205	#E5E7CD
100.0%	100.0% #ECEED1	RVB 236 238 209	#ECEED1

#C5C6BB #CBCCBE #D2D3C2 #D8DAC6 #DFE0C9 #E5E7CD #ECEED1

#C5C6BB - #ECEED1

Mélange HSV

#C5C6BB - #ECEED1 | 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 #C5C6BB 0% et #ECEED1 100%.

0.0%	0.0% #C5C6BB	RVB 197 198 187	#C5C6BB
16.7%	16.7% #CBCCBF	RVB 203 204 191	#CBCCBF
33.3%	33.3% #D1D3C2	RVB 209 211 194	#D1D3C2
50.0%	50.0% #D8DAC6	RVB 216 218 198	#D8DAC6
66.7%	66.7% #DEE0CA	RVB 222 224 202	#DEE0CA
83.3%	83.3% #E5E7CD	RVB 229 231 205	#E5E7CD
100.0%	100.0% #ECEED1	RVB 236 238 209	#ECEED1

#C5C6BB #CBCCBF #D1D3C2 #D8DAC6 #DEE0CA #E5E7CD #ECEED1

#C5C6BB - #D8DAC6 - #ECEED1

Codes CSS

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

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