#A5E6BC - #ECE9BB | 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 #A5E6BC à #ECE9BB

#A5E6BC #ECE9BB

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

#A5E6BC - #ECE9BB | 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 #A5E6BC 0% et #ECE9BB 100%.

0.0%	0.0% #A5E6BC	RVB 165 230 188	#A5E6BC
16.7%	16.7% #B0E6BB	RVB 176 230 187	#B0E6BB
33.3%	33.3% #BCE7BB	RVB 188 231 187	#BCE7BB
50.0%	50.0% #C8E7BB	RVB 200 231 187	#C8E7BB
66.7%	66.7% #D4E8BB	RVB 212 232 187	#D4E8BB
83.3%	83.3% #E0E8BB	RVB 224 232 187	#E0E8BB
100.0%	100.0% #ECE9BB	RVB 236 233 187	#ECE9BB

#A5E6BC #B0E6BB #BCE7BB #C8E7BB #D4E8BB #E0E8BB #ECE9BB

#A5E6BC - #ECE9BB

Mélange HSV

#A5E6BC - #ECE9BB | 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 #A5E6BC 0% et #ECE9BB 100%.

0.0%	0.0% #A5E6BC	RVB 165 230 188	#A5E6BC
16.7%	16.7% #A8E7AF	RVB 168 231 175	#A8E7AF
33.3%	33.3% #B3E8AC	RVB 179 232 172	#B3E8AC
50.0%	50.0% #C4E9AF	RVB 196 233 175	#C4E9AF
66.7%	66.7% #D3EAB3	RVB 211 234 179	#D3EAB3
83.3%	83.3% #E1EBB7	RVB 225 235 183	#E1EBB7
100.0%	100.0% #ECE9BB	RVB 236 233 187	#ECE9BB

#A5E6BC #A8E7AF #B3E8AC #C4E9AF #D3EAB3 #E1EBB7 #ECE9BB

#A5E6BC - #C4E9AF - #ECE9BB

Codes CSS

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

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