#B5E3E3 - #D0E3CC | 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 #B5E3E3 à #D0E3CC

#B5E3E3 #D0E3CC

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

#B5E3E3 - #D0E3CC | 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 #B5E3E3 0% et #D0E3CC 100%.

0.0%	0.0% #B5E3E3	RVB 181 227 227	#B5E3E3
16.7%	16.7% #B9E3DF	RVB 185 227 223	#B9E3DF
33.3%	33.3% #BEE3DB	RVB 190 227 219	#BEE3DB
50.0%	50.0% #C2E3D7	RVB 194 227 215	#C2E3D7
66.7%	66.7% #C7E3D3	RVB 199 227 211	#C7E3D3
83.3%	83.3% #CBE3CF	RVB 203 227 207	#CBE3CF
100.0%	100.0% #D0E3CC	RVB 208 227 204	#D0E3CC

#B5E3E3 #B9E3DF #BEE3DB #C2E3D7 #C7E3D3 #CBE3CF #D0E3CC

#B5E3E3 - #D0E3CC

Mélange HSV

#B5E3E3 - #D0E3CC | 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 #B5E3E3 0% et #D0E3CC 100%.

0.0%	0.0% #B5E3E3	RVB 181 227 227	#B5E3E3
16.7%	16.7% #B8E3DA	RVB 184 227 218	#B8E3DA
33.3%	33.3% #BCE3D4	RVB 188 227 212	#BCE3D4
50.0%	50.0% #C0E3CE	RVB 192 227 206	#C0E3CE
66.7%	66.7% #C4E3CB	RVB 196 227 203	#C4E3CB
83.3%	83.3% #C8E3C8	RVB 200 227 200	#C8E3C8
100.0%	100.0% #D0E3CC	RVB 208 227 204	#D0E3CC

#B5E3E3 #B8E3DA #BCE3D4 #C0E3CE #C4E3CB #C8E3C8 #D0E3CC

#B5E3E3 - #C0E3CE - #D0E3CC

Codes CSS

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

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