#B5EAD4 - #E9FFBD | 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 #B5EAD4 à #E9FFBD

#B5EAD4 #E9FFBD

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

#B5EAD4 - #E9FFBD | 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 #B5EAD4 0% et #E9FFBD 100%.

0.0%	0.0% #B5EAD4	RVB 181 234 212	#B5EAD4
16.7%	16.7% #BDEDD0	RVB 189 237 208	#BDEDD0
33.3%	33.3% #C6F1CC	RVB 198 241 204	#C6F1CC
50.0%	50.0% #CFF4C8	RVB 207 244 200	#CFF4C8
66.7%	66.7% #D7F8C4	RVB 215 248 196	#D7F8C4
83.3%	83.3% #E0FBC0	RVB 224 251 192	#E0FBC0
100.0%	100.0% #E9FFBD	RVB 233 255 189	#E9FFBD

#B5EAD4 #BDEDD0 #C6F1CC #CFF4C8 #D7F8C4 #E0FBC0 #E9FFBD

#B5EAD4 - #E9FFBD

Mélange HSV

#B5EAD4 - #E9FFBD | 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 #B5EAD4 0% et #E9FFBD 100%.

0.0%	0.0% #B5EAD4	RVB 181 234 212	#B5EAD4
16.7%	16.7% #B6EDCB	RVB 182 237 203	#B6EDCB
33.3%	33.3% #B7F1C1	RVB 183 241 193	#B7F1C1
50.0%	50.0% #BBF4B9	RVB 187 244 185	#BBF4B9
66.7%	66.7% #C9F8BA	RVB 201 248 186	#C9F8BA
83.3%	83.3% #D8FBBB	RVB 216 251 187	#D8FBBB
100.0%	100.0% #E9FFBD	RVB 233 255 189	#E9FFBD

#B5EAD4 #B6EDCB #B7F1C1 #BBF4B9 #C9F8BA #D8FBBB #E9FFBD

#B5EAD4 - #BBF4B9 - #E9FFBD

Codes CSS

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

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