#B5E2E5 - #CEE5C9 | 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 #B5E2E5 à #CEE5C9

#B5E2E5 #CEE5C9

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

#B5E2E5 - #CEE5C9 | 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 #B5E2E5 0% et #CEE5C9 100%.

0.0%	0.0% #B5E2E5	RVB 181 226 229	#B5E2E5
16.7%	16.7% #B9E2E0	RVB 185 226 224	#B9E2E0
33.3%	33.3% #BDE3DB	RVB 189 227 219	#BDE3DB
50.0%	50.0% #C1E3D7	RVB 193 227 215	#C1E3D7
66.7%	66.7% #C5E4D2	RVB 197 228 210	#C5E4D2
83.3%	83.3% #C9E4CD	RVB 201 228 205	#C9E4CD
100.0%	100.0% #CEE5C9	RVB 206 229 201	#CEE5C9

#B5E2E5 #B9E2E0 #BDE3DB #C1E3D7 #C5E4D2 #C9E4CD #CEE5C9

#B5E2E5 - #CEE5C9

Mélange HSV

#B5E2E5 - #CEE5C9 | 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 #B5E2E5 0% et #CEE5C9 100%.

0.0%	0.0% #B5E2E5	RVB 181 226 229	#B5E2E5
16.7%	16.7% #B8E5DE	RVB 184 229 222	#B8E5DE
33.3%	33.3% #BBE5D6	RVB 187 229 214	#BBE5D6
50.0%	50.0% #BFE5CF	RVB 191 229 207	#BFE5CF
66.7%	66.7% #C2E5CA	RVB 194 229 202	#C2E5CA
83.3%	83.3% #C5E5C6	RVB 197 229 198	#C5E5C6
100.0%	100.0% #CEE5C9	RVB 206 229 201	#CEE5C9

#B5E2E5 #B8E5DE #BBE5D6 #BFE5CF #C2E5CA #C5E5C6 #CEE5C9

#B5E2E5 - #BFE5CF - #CEE5C9

Codes CSS

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

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