#CAAF5E - #FFDF7F | 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 #CAAF5E à #FFDF7F

#CAAF5E #FFDF7F

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

#CAAF5E - #FFDF7F | 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 #CAAF5E 0% et #FFDF7F 100%.

0.0%	0.0% #CAAF5E	RVB 202 175 94	#CAAF5E
16.7%	16.7% #D2B763	RVB 210 183 99	#D2B763
33.3%	33.3% #DBBF69	RVB 219 191 105	#DBBF69
50.0%	50.0% #E4C76E	RVB 228 199 110	#E4C76E
66.7%	66.7% #EDCF74	RVB 237 207 116	#EDCF74
83.3%	83.3% #F6D779	RVB 246 215 121	#F6D779
100.0%	100.0% #FFDF7F	RVB 255 223 127	#FFDF7F

#CAAF5E #D2B763 #DBBF69 #E4C76E #EDCF74 #F6D779 #FFDF7F

#CAAF5E - #FFDF7F

Mélange HSV

#CAAF5E - #FFDF7F | 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 #CAAF5E 0% et #FFDF7F 100%.

0.0%	0.0% #CAAF5E	RVB 202 175 94	#CAAF5E
16.7%	16.7% #D2B663	RVB 210 182 99	#D2B663
33.3%	33.3% #DBBE68	RVB 219 190 104	#DBBE68
50.0%	50.0% #E4C66E	RVB 228 198 110	#E4C66E
66.7%	66.7% #EDCE73	RVB 237 206 115	#EDCE73
83.3%	83.3% #F6D679	RVB 246 214 121	#F6D679
100.0%	100.0% #FFDF7F	RVB 255 223 127	#FFDF7F

#CAAF5E #D2B663 #DBBE68 #E4C66E #EDCE73 #F6D679 #FFDF7F

#CAAF5E - #E4C66E - #FFDF7F

Codes CSS

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

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