#D6CF3E - #FFEB6C | 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 #D6CF3E à #FFEB6C

#D6CF3E #FFEB6C

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

#D6CF3E - #FFEB6C | 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 #D6CF3E 0% et #FFEB6C 100%.

0.0%	0.0% #D6CF3E	RVB 214 207 62	#D6CF3E
16.7%	16.7% #DCD345	RVB 220 211 69	#DCD345
33.3%	33.3% #E3D84D	RVB 227 216 77	#E3D84D
50.0%	50.0% #EADD55	RVB 234 221 85	#EADD55
66.7%	66.7% #F1E15C	RVB 241 225 92	#F1E15C
83.3%	83.3% #F8E664	RVB 248 230 100	#F8E664
100.0%	100.0% #FFEB6C	RVB 255 235 108	#FFEB6C

#D6CF3E #DCD345 #E3D84D #EADD55 #F1E15C #F8E664 #FFEB6C

#D6CF3E - #FFEB6C

Mélange HSV

#D6CF3E - #FFEB6C | 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 #D6CF3E 0% et #FFEB6C 100%.

0.0%	0.0% #D6CF3E	RVB 214 207 62	#D6CF3E
16.7%	16.7% #DCD344	RVB 220 211 68	#DCD344
33.3%	33.3% #E3D84C	RVB 227 216 76	#E3D84C
50.0%	50.0% #EADC53	RVB 234 220 83	#EADC53
66.7%	66.7% #F1E15B	RVB 241 225 91	#F1E15B
83.3%	83.3% #F8E663	RVB 248 230 99	#F8E663
100.0%	100.0% #FFEB6C	RVB 255 235 108	#FFEB6C

#D6CF3E #DCD344 #E3D84C #EADC53 #F1E15B #F8E663 #FFEB6C

#D6CF3E - #EADC53 - #FFEB6C

Codes CSS

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

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