#BDBB5E - #FFE37E | 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 #BDBB5E à #FFE37E

#BDBB5E #FFE37E

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

#BDBB5E - #FFE37E | 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 #BDBB5E 0% et #FFE37E 100%.

0.0%	0.0% #BDBB5E	RVB 189 187 94	#BDBB5E
16.7%	16.7% #C8C163	RVB 200 193 99	#C8C163
33.3%	33.3% #D3C868	RVB 211 200 104	#D3C868
50.0%	50.0% #DECF6E	RVB 222 207 110	#DECF6E
66.7%	66.7% #E9D573	RVB 233 213 115	#E9D573
83.3%	83.3% #F4DC78	RVB 244 220 120	#F4DC78
100.0%	100.0% #FFE37E	RVB 255 227 126	#FFE37E

#BDBB5E #C8C163 #D3C868 #DECF6E #E9D573 #F4DC78 #FFE37E

#BDBB5E - #FFE37E

Mélange HSV

#BDBB5E - #FFE37E | 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 #BDBB5E 0% et #FFE37E 100%.

0.0%	0.0% #BDBB5E	RVB 189 187 94	#BDBB5E
16.7%	16.7% #C8C263	RVB 200 194 99	#C8C263
33.3%	33.3% #D3C968	RVB 211 201 104	#D3C968
50.0%	50.0% #DED06E	RVB 222 208 110	#DED06E
66.7%	66.7% #E9D773	RVB 233 215 115	#E9D773
83.3%	83.3% #F4DD78	RVB 244 221 120	#F4DD78
100.0%	100.0% #FFE37E	RVB 255 227 126	#FFE37E

#BDBB5E #C8C263 #D3C968 #DED06E #E9D773 #F4DD78 #FFE37E

#BDBB5E - #DED06E - #FFE37E

Codes CSS

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

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