#B5EFC5 - #EAEAC4 | 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 #B5EFC5 à #EAEAC4

#B5EFC5 #EAEAC4

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

#B5EFC5 - #EAEAC4 | 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 #B5EFC5 0% et #EAEAC4 100%.

0.0%	0.0% #B5EFC5	RVB 181 239 197	#B5EFC5
16.7%	16.7% #BDEEC4	RVB 189 238 196	#BDEEC4
33.3%	33.3% #C6EDC4	RVB 198 237 196	#C6EDC4
50.0%	50.0% #CFECC4	RVB 207 236 196	#CFECC4
66.7%	66.7% #D8EBC4	RVB 216 235 196	#D8EBC4
83.3%	83.3% #E1EAC4	RVB 225 234 196	#E1EAC4
100.0%	100.0% #EAEAC4	RVB 234 234 196	#EAEAC4

#B5EFC5 #BDEEC4 #C6EDC4 #CFECC4 #D8EBC4 #E1EAC4 #EAEAC4

#B5EFC5 - #EAEAC4

Mélange HSV

#B5EFC5 - #EAEAC4 | 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 #B5EFC5 0% et #EAEAC4 100%.

0.0%	0.0% #B5EFC5	RVB 181 239 197	#B5EFC5
16.7%	16.7% #B7EEBB	RVB 183 238 187	#B7EEBB
33.3%	33.3% #C1EDBA	RVB 193 237 186	#C1EDBA
50.0%	50.0% #CDECBC	RVB 205 236 188	#CDECBC
66.7%	66.7% #D8EBBF	RVB 216 235 191	#D8EBBF
83.3%	83.3% #E2EAC1	RVB 226 234 193	#E2EAC1
100.0%	100.0% #EAEAC4	RVB 234 234 196	#EAEAC4

#B5EFC5 #B7EEBB #C1EDBA #CDECBC #D8EBBF #E2EAC1 #EAEAC4

#B5EFC5 - #CDECBC - #EAEAC4

Codes CSS

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

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