#C3CECC - #EDF1F0 | 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 #C3CECC à #EDF1F0

#C3CECC #EDF1F0

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

#C3CECC - #EDF1F0 | 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 #C3CECC 0% et #EDF1F0 100%.

0.0%	0.0% #C3CECC	RVB 195 206 204	#C3CECC
16.7%	16.7% #CAD3D2	RVB 202 211 210	#CAD3D2
33.3%	33.3% #D1D9D8	RVB 209 217 216	#D1D9D8
50.0%	50.0% #D8DFDE	RVB 216 223 222	#D8DFDE
66.7%	66.7% #DFE5E4	RVB 223 229 228	#DFE5E4
83.3%	83.3% #E6EBEA	RVB 230 235 234	#E6EBEA
100.0%	100.0% #EDF1F0	RVB 237 241 240	#EDF1F0

#C3CECC #CAD3D2 #D1D9D8 #D8DFDE #DFE5E4 #E6EBEA #EDF1F0

#C3CECC - #EDF1F0

Mélange HSV

#C3CECC - #EDF1F0 | 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 #C3CECC 0% et #EDF1F0 100%.

0.0%	0.0% #C3CECC	RVB 195 206 204	#C3CECC
16.7%	16.7% #C9D3D1	RVB 201 211 209	#C9D3D1
33.3%	33.3% #D0D9D7	RVB 208 217 215	#D0D9D7
50.0%	50.0% #D7DFDD	RVB 215 223 221	#D7DFDD
66.7%	66.7% #DEE5E3	RVB 222 229 227	#DEE5E3
83.3%	83.3% #E5EBE9	RVB 229 235 233	#E5EBE9
100.0%	100.0% #EDF1F0	RVB 237 241 240	#EDF1F0

#C3CECC #C9D3D1 #D0D9D7 #D7DFDD #DEE5E3 #E5EBE9 #EDF1F0

#C3CECC - #D7DFDD - #EDF1F0

Codes CSS

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

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