#CECCC5 - #FFEED3 | 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 #CECCC5 à #FFEED3

#CECCC5 #FFEED3

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

#CECCC5 - #FFEED3 | 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 #CECCC5 0% et #FFEED3 100%.

0.0%	0.0% #CECCC5	RVB 206 204 197	#CECCC5
16.7%	16.7% #D6D1C7	RVB 214 209 199	#D6D1C7
33.3%	33.3% #DED7C9	RVB 222 215 201	#DED7C9
50.0%	50.0% #E6DDCC	RVB 230 221 204	#E6DDCC
66.7%	66.7% #EEE2CE	RVB 238 226 206	#EEE2CE
83.3%	83.3% #F6E8D0	RVB 246 232 208	#F6E8D0
100.0%	100.0% #FFEED3	RVB 255 238 211	#FFEED3

#CECCC5 #D6D1C7 #DED7C9 #E6DDCC #EEE2CE #F6E8D0 #FFEED3

#CECCC5 - #FFEED3

Mélange HSV

#CECCC5 - #FFEED3 | 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 #CECCC5 0% et #FFEED3 100%.

0.0%	0.0% #CECCC5	RVB 206 204 197	#CECCC5
16.7%	16.7% #D6D2C8	RVB 214 210 200	#D6D2C8
33.3%	33.3% #DED8CB	RVB 222 216 203	#DED8CB
50.0%	50.0% #E6DECD	RVB 230 222 205	#E6DECD
66.7%	66.7% #EEE4CF	RVB 238 228 207	#EEE4CF
83.3%	83.3% #F6E9D1	RVB 246 233 209	#F6E9D1
100.0%	100.0% #FFEED3	RVB 255 238 211	#FFEED3

#CECCC5 #D6D2C8 #DED8CB #E6DECD #EEE4CF #F6E9D1 #FFEED3

#CECCC5 - #E6DECD - #FFEED3

Codes CSS

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

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