#A8FFC1 - #FFEBBE | 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 #A8FFC1 à #FFEBBE

#A8FFC1 #FFEBBE

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

#A8FFC1 - #FFEBBE | 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 #A8FFC1 0% et #FFEBBE 100%.

0.0%	0.0% #A8FFC1	RVB 168 255 193	#A8FFC1
16.7%	16.7% #B6FBC0	RVB 182 251 192	#B6FBC0
33.3%	33.3% #C5F8C0	RVB 197 248 192	#C5F8C0
50.0%	50.0% #D3F5BF	RVB 211 245 191	#D3F5BF
66.7%	66.7% #E2F1BF	RVB 226 241 191	#E2F1BF
83.3%	83.3% #F0EEBE	RVB 240 238 190	#F0EEBE
100.0%	100.0% #FFEBBE	RVB 255 235 190	#FFEBBE

#A8FFC1 #B6FBC0 #C5F8C0 #D3F5BF #E2F1BF #F0EEBE #FFEBBE

#A8FFC1 - #FFEBBE

Mélange HSV

#A8FFC1 - #FFEBBE | 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 #A8FFC1 0% et #FFEBBE 100%.

0.0%	0.0% #A8FFC1	RVB 168 255 193	#A8FFC1
16.7%	16.7% #ABFFAD	RVB 171 255 173	#ABFFAD
33.3%	33.3% #C2FFAF	RVB 194 255 175	#C2FFAF
50.0%	50.0% #D9FFB3	RVB 217 255 179	#D9FFB3
66.7%	66.7% #EEFFB6	RVB 238 255 182	#EEFFB6
83.3%	83.3% #FFFCBA	RVB 255 252 186	#FFFCBA
100.0%	100.0% #FFEBBE	RVB 255 235 190	#FFEBBE

#A8FFC1 #ABFFAD #C2FFAF #D9FFB3 #EEFFB6 #FFFCBA #FFEBBE

#A8FFC1 - #D9FFB3 - #FFEBBE

Codes CSS

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

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