#AFEB6B - #FFF697 | 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 #AFEB6B à #FFF697

#AFEB6B #FFF697

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

#AFEB6B - #FFF697 | 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 #AFEB6B 0% et #FFF697 100%.

0.0%	0.0% #AFEB6B	RVB 175 235 107	#AFEB6B
16.7%	16.7% #BCEC72	RVB 188 236 114	#BCEC72
33.3%	33.3% #C9EE79	RVB 201 238 121	#C9EE79
50.0%	50.0% #D7F081	RVB 215 240 129	#D7F081
66.7%	66.7% #E4F288	RVB 228 242 136	#E4F288
83.3%	83.3% #F1F48F	RVB 241 244 143	#F1F48F
100.0%	100.0% #FFF697	RVB 255 246 151	#FFF697

#AFEB6B #BCEC72 #C9EE79 #D7F081 #E4F288 #F1F48F #FFF697

#AFEB6B - #FFF697

Mélange HSV

#AFEB6B - #FFF697 | 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 #AFEB6B 0% et #FFF697 100%.

0.0%	0.0% #AFEB6B	RVB 175 235 107	#AFEB6B
16.7%	16.7% #BFEE71	RVB 191 238 113	#BFEE71
33.3%	33.3% #CFF179	RVB 207 241 121	#CFF179
50.0%	50.0% #DEF580	RVB 222 245 128	#DEF580
66.7%	66.7% #EDF887	RVB 237 248 135	#EDF887
83.3%	83.3% #FBFB8F	RVB 251 251 143	#FBFB8F
100.0%	100.0% #FFF697	RVB 255 246 151	#FFF697

#AFEB6B #BFEE71 #CFF179 #DEF580 #EDF887 #FBFB8F #FFF697

#AFEB6B - #DEF580 - #FFF697

Codes CSS

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

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