#B5EAE9 - #D3E4CE | 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 #B5EAE9 à #D3E4CE

#B5EAE9 #D3E4CE

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

#B5EAE9 - #D3E4CE | 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 #B5EAE9 0% et #D3E4CE 100%.

0.0%	0.0% #B5EAE9	RVB 181 234 233	#B5EAE9
16.7%	16.7% #BAE9E4	RVB 186 233 228	#BAE9E4
33.3%	33.3% #BFE8E0	RVB 191 232 224	#BFE8E0
50.0%	50.0% #C4E7DB	RVB 196 231 219	#C4E7DB
66.7%	66.7% #C9E6D7	RVB 201 230 215	#C9E6D7
83.3%	83.3% #CEE5D2	RVB 206 229 210	#CEE5D2
100.0%	100.0% #D3E4CE	RVB 211 228 206	#D3E4CE

#B5EAE9 #BAE9E4 #BFE8E0 #C4E7DB #C9E6D7 #CEE5D2 #D3E4CE

#B5EAE9 - #D3E4CE

Mélange HSV

#B5EAE9 - #D3E4CE | 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 #B5EAE9 0% et #D3E4CE 100%.

0.0%	0.0% #B5EAE9	RVB 181 234 233	#B5EAE9
16.7%	16.7% #B9E9DE	RVB 185 233 222	#B9E9DE
33.3%	33.3% #BDE8D6	RVB 189 232 214	#BDE8D6
50.0%	50.0% #C1E7CF	RVB 193 231 207	#C1E7CF
66.7%	66.7% #C5E6CB	RVB 197 230 203	#C5E6CB
83.3%	83.3% #CAE5C9	RVB 202 229 201	#CAE5C9
100.0%	100.0% #D3E4CE	RVB 211 228 206	#D3E4CE

#B5EAE9 #B9E9DE #BDE8D6 #C1E7CF #C5E6CB #CAE5C9 #D3E4CE

#B5EAE9 - #C1E7CF - #D3E4CE

Codes CSS

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

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