#CECE7D - #FFEB9C | 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 #CECE7D à #FFEB9C

#CECE7D #FFEB9C

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

#CECE7D - #FFEB9C | 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 #CECE7D 0% et #FFEB9C 100%.

0.0%	0.0% #CECE7D	RVB 206 206 125	#CECE7D
16.7%	16.7% #D6D282	RVB 214 210 130	#D6D282
33.3%	33.3% #DED787	RVB 222 215 135	#DED787
50.0%	50.0% #E6DC8C	RVB 230 220 140	#E6DC8C
66.7%	66.7% #EEE191	RVB 238 225 145	#EEE191
83.3%	83.3% #F6E696	RVB 246 230 150	#F6E696
100.0%	100.0% #FFEB9C	RVB 255 235 156	#FFEB9C

#CECE7D #D6D282 #DED787 #E6DC8C #EEE191 #F6E696 #FFEB9C

#CECE7D - #FFEB9C

Mélange HSV

#CECE7D - #FFEB9C | 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 #CECE7D 0% et #FFEB9C 100%.

0.0%	0.0% #CECE7D	RVB 206 206 125	#CECE7D
16.7%	16.7% #D6D382	RVB 214 211 130	#D6D382
33.3%	33.3% #DED887	RVB 222 216 135	#DED887
50.0%	50.0% #E6DD8C	RVB 230 221 140	#E6DD8C
66.7%	66.7% #EEE291	RVB 238 226 145	#EEE291
83.3%	83.3% #F6E696	RVB 246 230 150	#F6E696
100.0%	100.0% #FFEB9C	RVB 255 235 156	#FFEB9C

#CECE7D #D6D382 #DED887 #E6DD8C #EEE291 #F6E696 #FFEB9C

#CECE7D - #E6DD8C - #FFEB9C

Codes CSS

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

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