#ECED5E - #BBC01A | 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 #ECED5E à #BBC01A

#ECED5E #BBC01A

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

#ECED5E - #BBC01A | 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 #ECED5E 0% et #BBC01A 100%.

0.0%	0.0% #ECED5E	RVB 236 237 94	#ECED5E
16.7%	16.7% #E3E552	RVB 227 229 82	#E3E552
33.3%	33.3% #DBDE47	RVB 219 222 71	#DBDE47
50.0%	50.0% #D3D63C	RVB 211 214 60	#D3D63C
66.7%	66.7% #CBCF30	RVB 203 207 48	#CBCF30
83.3%	83.3% #C3C725	RVB 195 199 37	#C3C725
100.0%	100.0% #BBC01A	RVB 187 192 26	#BBC01A

#ECED5E #E3E552 #DBDE47 #D3D63C #CBCF30 #C3C725 #BBC01A

#ECED5E - #BBC01A

Mélange HSV

#ECED5E - #BBC01A | 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 #ECED5E 0% et #BBC01A 100%.

0.0%	0.0% #ECED5E	RVB 236 237 94	#ECED5E
16.7%	16.7% #E3E551	RVB 227 229 81	#E3E551
33.3%	33.3% #DBDE44	RVB 219 222 68	#DBDE44
50.0%	50.0% #D3D639	RVB 211 214 57	#D3D639
66.7%	66.7% #CBCF2E	RVB 203 207 46	#CBCF2E
83.3%	83.3% #C3C723	RVB 195 199 35	#C3C723
100.0%	100.0% #BBC01A	RVB 187 192 26	#BBC01A

#ECED5E #E3E551 #DBDE44 #D3D639 #CBCF2E #C3C723 #BBC01A

#ECED5E - #D3D639 - #BBC01A

Codes CSS

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

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