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

#C5C6BB #EEEEEB

Calculez la couleur entre deux couleurs, #C5C6BB et #EEEEEB. 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 - #EEEEEB | 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 #EEEEEB 100%.

0.0%	0.0% #C5C6BB	RVB 197 198 187	#C5C6BB
16.7%	16.7% #CBCCC3	RVB 203 204 195	#CBCCC3
33.3%	33.3% #D2D3CB	RVB 210 211 203	#D2D3CB
50.0%	50.0% #D9DAD3	RVB 217 218 211	#D9DAD3
66.7%	66.7% #E0E0DB	RVB 224 224 219	#E0E0DB
83.3%	83.3% #E7E7E3	RVB 231 231 227	#E7E7E3
100.0%	100.0% #EEEEEB	RVB 238 238 235	#EEEEEB

#C5C6BB #CBCCC3 #D2D3CB #D9DAD3 #E0E0DB #E7E7E3 #EEEEEB

#C5C6BB - #EEEEEB

Mélange HSV

#C5C6BB - #EEEEEB | 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 #EEEEEB 100%.

0.0%	0.0% #C5C6BB	RVB 197 198 187	#C5C6BB
16.7%	16.7% #CBCCC2	RVB 203 204 194	#CBCCC2
33.3%	33.3% #D2D3CA	RVB 210 211 202	#D2D3CA
50.0%	50.0% #D9DAD2	RVB 217 218 210	#D9DAD2
66.7%	66.7% #E0E0DA	RVB 224 224 218	#E0E0DA
83.3%	83.3% #E7E7E2	RVB 231 231 226	#E7E7E2
100.0%	100.0% #EEEEEB	RVB 238 238 235	#EEEEEB

#C5C6BB #CBCCC2 #D2D3CA #D9DAD2 #E0E0DA #E7E7E2 #EEEEEB

#C5C6BB - #D9DAD2 - #EEEEEB

Codes CSS

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

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