#E5E637 - #ADAF0D | 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 #E5E637 à #ADAF0D

#E5E637 #ADAF0D

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

#E5E637 - #ADAF0D | 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 #E5E637 0% et #ADAF0D 100%.

0.0%	0.0% #E5E637	RVB 229 230 55	#E5E637
16.7%	16.7% #DBDC30	RVB 219 220 48	#DBDC30
33.3%	33.3% #D2D329	RVB 210 211 41	#D2D329
50.0%	50.0% #C9CA22	RVB 201 202 34	#C9CA22
66.7%	66.7% #BFC11B	RVB 191 193 27	#BFC11B
83.3%	83.3% #B6B814	RVB 182 184 20	#B6B814
100.0%	100.0% #ADAF0D	RVB 173 175 13	#ADAF0D

#E5E637 #DBDC30 #D2D329 #C9CA22 #BFC11B #B6B814 #ADAF0D

#E5E637 - #ADAF0D

Mélange HSV

#E5E637 - #ADAF0D | 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 #E5E637 0% et #ADAF0D 100%.

0.0%	0.0% #E5E637	RVB 229 230 55	#E5E637
16.7%	16.7% #DBDC2E	RVB 219 220 46	#DBDC2E
33.3%	33.3% #D2D326	RVB 210 211 38	#D2D326
50.0%	50.0% #C8CA1F	RVB 200 202 31	#C8CA1F
66.7%	66.7% #BFC118	RVB 191 193 24	#BFC118
83.3%	83.3% #B6B812	RVB 182 184 18	#B6B812
100.0%	100.0% #ADAF0D	RVB 173 175 13	#ADAF0D

#E5E637 #DBDC2E #D2D326 #C8CA1F #BFC118 #B6B812 #ADAF0D

#E5E637 - #C8CA1F - #ADAF0D

Codes CSS

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

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