#CECCC4 - #FFEED2 | 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 #CECCC4 à #FFEED2

#CECCC4 #FFEED2

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

#CECCC4 - #FFEED2 | 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 #CECCC4 0% et #FFEED2 100%.

0.0%	0.0% #CECCC4	RVB 206 204 196	#CECCC4
16.7%	16.7% #D6D1C6	RVB 214 209 198	#D6D1C6
33.3%	33.3% #DED7C8	RVB 222 215 200	#DED7C8
50.0%	50.0% #E6DDCB	RVB 230 221 203	#E6DDCB
66.7%	66.7% #EEE2CD	RVB 238 226 205	#EEE2CD
83.3%	83.3% #F6E8CF	RVB 246 232 207	#F6E8CF
100.0%	100.0% #FFEED2	RVB 255 238 210	#FFEED2

#CECCC4 #D6D1C6 #DED7C8 #E6DDCB #EEE2CD #F6E8CF #FFEED2

#CECCC4 - #FFEED2

Mélange HSV

#CECCC4 - #FFEED2 | 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 #CECCC4 0% et #FFEED2 100%.

0.0%	0.0% #CECCC4	RVB 206 204 196	#CECCC4
16.7%	16.7% #D6D2C7	RVB 214 210 199	#D6D2C7
33.3%	33.3% #DED9CA	RVB 222 217 202	#DED9CA
50.0%	50.0% #E6DFCC	RVB 230 223 204	#E6DFCC
66.7%	66.7% #EEE4CE	RVB 238 228 206	#EEE4CE
83.3%	83.3% #F6E9D0	RVB 246 233 208	#F6E9D0
100.0%	100.0% #FFEED2	RVB 255 238 210	#FFEED2

#CECCC4 #D6D2C7 #DED9CA #E6DFCC #EEE4CE #F6E9D0 #FFEED2

#CECCC4 - #E6DFCC - #FFEED2

Codes CSS

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

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