#C39B5E - #FFD67D | 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 #C39B5E à #FFD67D

#C39B5E #FFD67D

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

#C39B5E - #FFD67D | 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 #C39B5E 0% et #FFD67D 100%.

0.0%	0.0% #C39B5E	RVB 195 155 94	#C39B5E
16.7%	16.7% #CDA463	RVB 205 164 99	#CDA463
33.3%	33.3% #D7AE68	RVB 215 174 104	#D7AE68
50.0%	50.0% #E1B86D	RVB 225 184 109	#E1B86D
66.7%	66.7% #EBC272	RVB 235 194 114	#EBC272
83.3%	83.3% #F5CC77	RVB 245 204 119	#F5CC77
100.0%	100.0% #FFD67D	RVB 255 214 125	#FFD67D

#C39B5E #CDA463 #D7AE68 #E1B86D #EBC272 #F5CC77 #FFD67D

#C39B5E - #FFD67D

Mélange HSV

#C39B5E - #FFD67D | 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 #C39B5E 0% et #FFD67D 100%.

0.0%	0.0% #C39B5E	RVB 195 155 94	#C39B5E
16.7%	16.7% #CDA463	RVB 205 164 99	#CDA463
33.3%	33.3% #D7AE68	RVB 215 174 104	#D7AE68
50.0%	50.0% #E1B76D	RVB 225 183 109	#E1B76D
66.7%	66.7% #EBC172	RVB 235 193 114	#EBC172
83.3%	83.3% #F5CB77	RVB 245 203 119	#F5CB77
100.0%	100.0% #FFD67D	RVB 255 214 125	#FFD67D

#C39B5E #CDA463 #D7AE68 #E1B76D #EBC172 #F5CB77 #FFD67D

#C39B5E - #E1B76D - #FFD67D

Codes CSS

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

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