#B5EACF - #E1E8C7 | 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 #B5EACF à #E1E8C7

#B5EACF #E1E8C7

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

#B5EACF - #E1E8C7 | 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 #B5EACF 0% et #E1E8C7 100%.

0.0%	0.0% #B5EACF	RVB 181 234 207	#B5EACF
16.7%	16.7% #BCE9CD	RVB 188 233 205	#BCE9CD
33.3%	33.3% #C3E9CC	RVB 195 233 204	#C3E9CC
50.0%	50.0% #CBE9CB	RVB 203 233 203	#CBE9CB
66.7%	66.7% #D2E8C9	RVB 210 232 201	#D2E8C9
83.3%	83.3% #D9E8C8	RVB 217 232 200	#D9E8C8
100.0%	100.0% #E1E8C7	RVB 225 232 199	#E1E8C7

#B5EACF #BCE9CD #C3E9CC #CBE9CB #D2E8C9 #D9E8C8 #E1E8C7

#B5EACF - #E1E8C7

Mélange HSV

#B5EACF - #E1E8C7 | 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 #B5EACF 0% et #E1E8C7 100%.

0.0%	0.0% #B5EACF	RVB 181 234 207	#B5EACF
16.7%	16.7% #B8E9C5	RVB 184 233 197	#B8E9C5
33.3%	33.3% #BBE9BE	RVB 187 233 190	#BBE9BE
50.0%	50.0% #C4E9BE	RVB 196 233 190	#C4E9BE
66.7%	66.7% #CFE8C1	RVB 207 232 193	#CFE8C1
83.3%	83.3% #D8E8C4	RVB 216 232 196	#D8E8C4
100.0%	100.0% #E1E8C7	RVB 225 232 199	#E1E8C7

#B5EACF #B8E9C5 #BBE9BE #C4E9BE #CFE8C1 #D8E8C4 #E1E8C7

#B5EACF - #C4E9BE - #E1E8C7

Codes CSS

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

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