#CECECD - #FEEED5 | 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 #CECECD à #FEEED5

#CECECD #FEEED5

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

#CECECD - #FEEED5 | 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 #CECECD 0% et #FEEED5 100%.

0.0%	0.0% #CECECD	RVB 206 206 205	#CECECD
16.7%	16.7% #D6D3CE	RVB 214 211 206	#D6D3CE
33.3%	33.3% #DED8CF	RVB 222 216 207	#DED8CF
50.0%	50.0% #E6DED1	RVB 230 222 209	#E6DED1
66.7%	66.7% #EEE3D2	RVB 238 227 210	#EEE3D2
83.3%	83.3% #F6E8D3	RVB 246 232 211	#F6E8D3
100.0%	100.0% #FEEED5	RVB 254 238 213	#FEEED5

#CECECD #D6D3CE #DED8CF #E6DED1 #EEE3D2 #F6E8D3 #FEEED5

#CECECD - #FEEED5

Mélange HSV

#CECECD - #FEEED5 | 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 #CECECD 0% et #FEEED5 100%.

0.0%	0.0% #CECECD	RVB 206 206 205	#CECECD
16.7%	16.7% #D6D5CF	RVB 214 213 207	#D6D5CF
33.3%	33.3% #DEDCD1	RVB 222 220 209	#DEDCD1
50.0%	50.0% #E6E2D2	RVB 230 226 210	#E6E2D2
66.7%	66.7% #EEE7D4	RVB 238 231 212	#EEE7D4
83.3%	83.3% #F6EBD4	RVB 246 235 212	#F6EBD4
100.0%	100.0% #FEEED5	RVB 254 238 213	#FEEED5

#CECECD #D6D5CF #DEDCD1 #E6E2D2 #EEE7D4 #F6EBD4 #FEEED5

#CECECD - #E6E2D2 - #FEEED5

Codes CSS

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

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