#B2ECE9 - #D5E4CD | 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 #B2ECE9 à #D5E4CD

#B2ECE9 #D5E4CD

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

#B2ECE9 - #D5E4CD | 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 #B2ECE9 0% et #D5E4CD 100%.

0.0%	0.0% #B2ECE9	RVB 178 236 233	#B2ECE9
16.7%	16.7% #B7EAE4	RVB 183 234 228	#B7EAE4
33.3%	33.3% #BDE9DF	RVB 189 233 223	#BDE9DF
50.0%	50.0% #C3E8DB	RVB 195 232 219	#C3E8DB
66.7%	66.7% #C9E6D6	RVB 201 230 214	#C9E6D6
83.3%	83.3% #CFE5D1	RVB 207 229 209	#CFE5D1
100.0%	100.0% #D5E4CD	RVB 213 228 205	#D5E4CD

#B2ECE9 #B7EAE4 #BDE9DF #C3E8DB #C9E6D6 #CFE5D1 #D5E4CD

#B2ECE9 - #D5E4CD

Mélange HSV

#B2ECE9 - #D5E4CD | 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 #B2ECE9 0% et #D5E4CD 100%.

0.0%	0.0% #B2ECE9	RVB 178 236 233	#B2ECE9
16.7%	16.7% #B6EADC	RVB 182 234 220	#B6EADC
33.3%	33.3% #BBE9D3	RVB 187 233 211	#BBE9D3
50.0%	50.0% #BFE8CB	RVB 191 232 203	#BFE8CB
66.7%	66.7% #C4E6C7	RVB 196 230 199	#C4E6C7
83.3%	83.3% #CCE5C8	RVB 204 229 200	#CCE5C8
100.0%	100.0% #D5E4CD	RVB 213 228 205	#D5E4CD

#B2ECE9 #B6EADC #BBE9D3 #BFE8CB #C4E6C7 #CCE5C8 #D5E4CD

#B2ECE9 - #BFE8CB - #D5E4CD

Codes CSS

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

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