#B5E7E7 - #D1E4CD | 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 #B5E7E7 à #D1E4CD

#B5E7E7 #D1E4CD

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

#B5E7E7 - #D1E4CD | 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 #B5E7E7 0% et #D1E4CD 100%.

0.0%	0.0% #B5E7E7	RVB 181 231 231	#B5E7E7
16.7%	16.7% #B9E6E2	RVB 185 230 226	#B9E6E2
33.3%	33.3% #BEE6DE	RVB 190 230 222	#BEE6DE
50.0%	50.0% #C3E5DA	RVB 195 229 218	#C3E5DA
66.7%	66.7% #C7E5D5	RVB 199 229 213	#C7E5D5
83.3%	83.3% #CCE4D1	RVB 204 228 209	#CCE4D1
100.0%	100.0% #D1E4CD	RVB 209 228 205	#D1E4CD

#B5E7E7 #B9E6E2 #BEE6DE #C3E5DA #C7E5D5 #CCE4D1 #D1E4CD

#B5E7E7 - #D1E4CD

Mélange HSV

#B5E7E7 - #D1E4CD | 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 #B5E7E7 0% et #D1E4CD 100%.

0.0%	0.0% #B5E7E7	RVB 181 231 231	#B5E7E7
16.7%	16.7% #B9E6DD	RVB 185 230 221	#B9E6DD
33.3%	33.3% #BDE6D5	RVB 189 230 213	#BDE6D5
50.0%	50.0% #C1E5D0	RVB 193 229 208	#C1E5D0
66.7%	66.7% #C5E5CC	RVB 197 229 204	#C5E5CC
83.3%	83.3% #C9E4C9	RVB 201 228 201	#C9E4C9
100.0%	100.0% #D1E4CD	RVB 209 228 205	#D1E4CD

#B5E7E7 #B9E6DD #BDE6D5 #C1E5D0 #C5E5CC #C9E4C9 #D1E4CD

#B5E7E7 - #C1E5D0 - #D1E4CD

Codes CSS

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

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