#B5E2DC - #D0E6C6 | 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 #B5E2DC à #D0E6C6

#B5E2DC #D0E6C6

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

#B5E2DC - #D0E6C6 | 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 #B5E2DC 0% et #D0E6C6 100%.

0.0%	0.0% #B5E2DC	RVB 181 226 220	#B5E2DC
16.7%	16.7% #B9E2D8	RVB 185 226 216	#B9E2D8
33.3%	33.3% #BEE3D4	RVB 190 227 212	#BEE3D4
50.0%	50.0% #C2E4D1	RVB 194 228 209	#C2E4D1
66.7%	66.7% #C7E4CD	RVB 199 228 205	#C7E4CD
83.3%	83.3% #CBE5C9	RVB 203 229 201	#CBE5C9
100.0%	100.0% #D0E6C6	RVB 208 230 198	#D0E6C6

#B5E2DC #B9E2D8 #BEE3D4 #C2E4D1 #C7E4CD #CBE5C9 #D0E6C6

#B5E2DC - #D0E6C6

Mélange HSV

#B5E2DC - #D0E6C6 | 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 #B5E2DC 0% et #D0E6C6 100%.

0.0%	0.0% #B5E2DC	RVB 181 226 220	#B5E2DC
16.7%	16.7% #B7E2D4	RVB 183 226 212	#B7E2D4
33.3%	33.3% #BAE3CD	RVB 186 227 205	#BAE3CD
50.0%	50.0% #BDE4C8	RVB 189 228 200	#BDE4C8
66.7%	66.7% #C0E4C3	RVB 192 228 195	#C0E4C3
83.3%	83.3% #C7E5C3	RVB 199 229 195	#C7E5C3
100.0%	100.0% #D0E6C6	RVB 208 230 198	#D0E6C6

#B5E2DC #B7E2D4 #BAE3CD #BDE4C8 #C0E4C3 #C7E5C3 #D0E6C6

#B5E2DC - #BDE4C8 - #D0E6C6

Codes CSS

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

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