#B8C4CE - #ECE9DA | 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 #B8C4CE à #ECE9DA

#B8C4CE #ECE9DA

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

#B8C4CE - #ECE9DA | 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 #B8C4CE 0% et #ECE9DA 100%.

0.0%	0.0% #B8C4CE	RVB 184 196 206	#B8C4CE
16.7%	16.7% #C0CAD0	RVB 192 202 208	#C0CAD0
33.3%	33.3% #C9D0D2	RVB 201 208 210	#C9D0D2
50.0%	50.0% #D2D6D4	RVB 210 214 212	#D2D6D4
66.7%	66.7% #DADCD6	RVB 218 220 214	#DADCD6
83.3%	83.3% #E3E2D8	RVB 227 226 216	#E3E2D8
100.0%	100.0% #ECE9DA	RVB 236 233 218	#ECE9DA

#B8C4CE #C0CAD0 #C9D0D2 #D2D6D4 #DADCD6 #E3E2D8 #ECE9DA

#B8C4CE - #ECE9DA

Mélange HSV

#B8C4CE - #ECE9DA | 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 #B8C4CE 0% et #ECE9DA 100%.

0.0%	0.0% #B8C4CE	RVB 184 196 206	#B8C4CE
16.7%	16.7% #BDD2D3	RVB 189 210 211	#BDD2D3
33.3%	33.3% #C3D8CF	RVB 195 216 207	#C3D8CF
50.0%	50.0% #C8DDCB	RVB 200 221 203	#C8DDCB
66.7%	66.7% #D4E2CE	RVB 212 226 206	#D4E2CE
83.3%	83.3% #E1E7D4	RVB 225 231 212	#E1E7D4
100.0%	100.0% #ECE9DA	RVB 236 233 218	#ECE9DA

#B8C4CE #BDD2D3 #C3D8CF #C8DDCB #D4E2CE #E1E7D4 #ECE9DA

#B8C4CE - #C8DDCB - #ECE9DA

Codes CSS

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

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