#1EDA11 - #FFFF6B | 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 #1EDA11 à #FFFF6B

#1EDA11 #FFFF6B

Calculez la couleur entre deux couleurs, #1EDA11 et #FFFF6B. 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)

#1EDA11 - #FFFF6B | 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 #1EDA11 0% et #FFFF6B 100%.

0.0%	0.0% #1EDA11	RVB 30 218 17	#1EDA11
16.7%	16.7% #43E020	RVB 67 224 32	#43E020
33.3%	33.3% #69E62F	RVB 105 230 47	#69E62F
50.0%	50.0% #8EEC3E	RVB 142 236 62	#8EEC3E
66.7%	66.7% #B4F24D	RVB 180 242 77	#B4F24D
83.3%	83.3% #D9F85C	RVB 217 248 92	#D9F85C
100.0%	100.0% #FFFF6B	RVB 255 255 107	#FFFF6B

#1EDA11 #43E020 #69E62F #8EEC3E #B4F24D #D9F85C #FFFF6B

#1EDA11 - #FFFF6B

Mélange HSV

#1EDA11 - #FFFF6B | 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 #1EDA11 0% et #FFFF6B 100%.

0.0%	0.0% #1DDA11	RVB 29 218 17	#1DDA11
16.7%	16.7% #49E01E	RVB 73 224 30	#49E01E
33.3%	33.3% #72E62C	RVB 114 230 44	#72E62C
50.0%	50.0% #99EC3A	RVB 153 236 58	#99EC3A
66.7%	66.7% #BEF24A	RVB 190 242 74	#BEF24A
83.3%	83.3% #E0F85A	RVB 224 248 90	#E0F85A
100.0%	100.0% #FFFF6B	RVB 255 255 107	#FFFF6B

#1DDA11 #49E01E #72E62C #99EC3A #BEF24A #E0F85A #FFFF6B

#1EDA11 - #99EC3A - #FFFF6B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DDA11 0%, #99EC3A 50%, #FFFF6B 100%);
    background: -webkit-linear-gradient(top, #1DDA11 0%, #99EC3A 50%, #FFFF6B 100%);
    background: linear-gradient(to bottom, #1DDA11 0%, #99EC3A 50%, #FFFF6B 100%);
}
</style>