#A1DF5E - #FFF68B | 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 #A1DF5E à #FFF68B

#A1DF5E #FFF68B

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

#A1DF5E - #FFF68B | 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 #A1DF5E 0% et #FFF68B 100%.

0.0%	0.0% #A1DF5E	RVB 161 223 94	#A1DF5E
16.7%	16.7% #B0E265	RVB 176 226 101	#B0E265
33.3%	33.3% #C0E66D	RVB 192 230 109	#C0E66D
50.0%	50.0% #D0EA74	RVB 208 234 116	#D0EA74
66.7%	66.7% #DFEE7C	RVB 223 238 124	#DFEE7C
83.3%	83.3% #EFF283	RVB 239 242 131	#EFF283
100.0%	100.0% #FFF68B	RVB 255 246 139	#FFF68B

#A1DF5E #B0E265 #C0E66D #D0EA74 #DFEE7C #EFF283 #FFF68B

#A1DF5E - #FFF68B

Mélange HSV

#A1DF5E - #FFF68B | 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 #A1DF5E 0% et #FFF68B 100%.

0.0%	0.0% #A1DF5E	RVB 161 223 94	#A1DF5E
16.7%	16.7% #B2E464	RVB 178 228 100	#B2E464
33.3%	33.3% #C4E96C	RVB 196 233 108	#C4E96C
50.0%	50.0% #D6EF73	RVB 214 239 115	#D6EF73
66.7%	66.7% #E7F47B	RVB 231 244 123	#E7F47B
83.3%	83.3% #F7F982	RVB 247 249 130	#F7F982
100.0%	100.0% #FFF68B	RVB 255 246 139	#FFF68B

#A1DF5E #B2E464 #C4E96C #D6EF73 #E7F47B #F7F982 #FFF68B

#A1DF5E - #D6EF73 - #FFF68B

Codes CSS

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

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