#64693D - #CFDA5E | 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 #64693D à #CFDA5E

#64693D #CFDA5E

Calculez la couleur entre deux couleurs, #64693D et #CFDA5E. 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)

#64693D - #CFDA5E | 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 #64693D 0% et #CFDA5E 100%.

0.0%	0.0% #64693D	RVB 100 105 61	#64693D
16.7%	16.7% #757B42	RVB 117 123 66	#757B42
33.3%	33.3% #878E48	RVB 135 142 72	#878E48
50.0%	50.0% #99A14D	RVB 153 161 77	#99A14D
66.7%	66.7% #ABB453	RVB 171 180 83	#ABB453
83.3%	83.3% #BDC758	RVB 189 199 88	#BDC758
100.0%	100.0% #CFDA5E	RVB 207 218 94	#CFDA5E

#64693D #757B42 #878E48 #99A14D #ABB453 #BDC758 #CFDA5E

#64693D - #CFDA5E

Mélange HSV

#64693D - #CFDA5E | 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 #64693D 0% et #CFDA5E 100%.

0.0%	0.0% #64693D	RVB 100 105 61	#64693D
16.7%	16.7% #757B44	RVB 117 123 68	#757B44
33.3%	33.3% #878E4B	RVB 135 142 75	#878E4B
50.0%	50.0% #99A151	RVB 153 161 81	#99A151
66.7%	66.7% #ABB456	RVB 171 180 86	#ABB456
83.3%	83.3% #BDC75A	RVB 189 199 90	#BDC75A
100.0%	100.0% #CFDA5E	RVB 207 218 94	#CFDA5E

#64693D #757B44 #878E4B #99A151 #ABB456 #BDC75A #CFDA5E

#64693D - #99A151 - #CFDA5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #64693D 0%, #99A151 50%, #CFDA5E 100%);
    background: -webkit-linear-gradient(top, #64693D 0%, #99A151 50%, #CFDA5E 100%);
    background: linear-gradient(to bottom, #64693D 0%, #99A151 50%, #CFDA5E 100%);
}
</style>