#8EDA8C - #FFEF9F | 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 #8EDA8C à #FFEF9F

#8EDA8C #FFEF9F

Calculez la couleur entre deux couleurs, #8EDA8C et #FFEF9F. 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)

#8EDA8C - #FFEF9F | 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 #8EDA8C 0% et #FFEF9F 100%.

0.0%	0.0% #8EDA8C	RVB 142 218 140	#8EDA8C
16.7%	16.7% #A0DD8F	RVB 160 221 143	#A0DD8F
33.3%	33.3% #B3E192	RVB 179 225 146	#B3E192
50.0%	50.0% #C6E495	RVB 198 228 149	#C6E495
66.7%	66.7% #D9E898	RVB 217 232 152	#D9E898
83.3%	83.3% #ECEB9B	RVB 236 235 155	#ECEB9B
100.0%	100.0% #FFEF9F	RVB 255 239 159	#FFEF9F

#8EDA8C #A0DD8F #B3E192 #C6E495 #D9E898 #ECEB9B #FFEF9F

#8EDA8C - #FFEF9F

Mélange HSV

#8EDA8C - #FFEF9F | 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 #8EDA8C 0% et #FFEF9F 100%.

0.0%	0.0% #8EDA8C	RVB 142 218 140	#8EDA8C
16.7%	16.7% #A0E08F	RVB 160 224 143	#A0E08F
33.3%	33.3% #B4E692	RVB 180 230 146	#B4E692
50.0%	50.0% #C9EC95	RVB 201 236 149	#C9EC95
66.7%	66.7% #DFF298	RVB 223 242 152	#DFF298
83.3%	83.3% #F6F89B	RVB 246 248 155	#F6F89B
100.0%	100.0% #FFEF9F	RVB 255 239 159	#FFEF9F

#8EDA8C #A0E08F #B4E692 #C9EC95 #DFF298 #F6F89B #FFEF9F

#8EDA8C - #C9EC95 - #FFEF9F

Codes CSS

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

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