#CFDF5E - #FFF393 | 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 #CFDF5E à #FFF393

#CFDF5E #FFF393

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

#CFDF5E - #FFF393 | 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 #CFDF5E 0% et #FFF393 100%.

0.0%	0.0% #CFDF5E	RVB 207 223 94	#CFDF5E
16.7%	16.7% #D7E266	RVB 215 226 102	#D7E266
33.3%	33.3% #DFE56F	RVB 223 229 111	#DFE56F
50.0%	50.0% #E7E978	RVB 231 233 120	#E7E978
66.7%	66.7% #EFEC81	RVB 239 236 129	#EFEC81
83.3%	83.3% #F7EF8A	RVB 247 239 138	#F7EF8A
100.0%	100.0% #FFF393	RVB 255 243 147	#FFF393

#CFDF5E #D7E266 #DFE56F #E7E978 #EFEC81 #F7EF8A #FFF393

#CFDF5E - #FFF393

Mélange HSV

#CFDF5E - #FFF393 | 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 #CFDF5E 0% et #FFF393 100%.

0.0%	0.0% #CFDF5E	RVB 207 223 94	#CFDF5E
16.7%	16.7% #D9E466	RVB 217 228 102	#D9E466
33.3%	33.3% #E4E96E	RVB 228 233 110	#E4E96E
50.0%	50.0% #EEEF77	RVB 238 239 119	#EEEF77
66.7%	66.7% #F4F080	RVB 244 240 128	#F4F080
83.3%	83.3% #F9F189	RVB 249 241 137	#F9F189
100.0%	100.0% #FFF393	RVB 255 243 147	#FFF393

#CFDF5E #D9E466 #E4E96E #EEEF77 #F4F080 #F9F189 #FFF393

#CFDF5E - #EEEF77 - #FFF393

Codes CSS

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

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