#BBC2D4 - #EBECF2 | 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 #BBC2D4 à #EBECF2

#BBC2D4 #EBECF2

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

#BBC2D4 - #EBECF2 | 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 #BBC2D4 0% et #EBECF2 100%.

0.0%	0.0% #BBC2D4	RVB 187 194 212	#BBC2D4
16.7%	16.7% #C3C9D9	RVB 195 201 217	#C3C9D9
33.3%	33.3% #CBD0DE	RVB 203 208 222	#CBD0DE
50.0%	50.0% #D3D7E3	RVB 211 215 227	#D3D7E3
66.7%	66.7% #DBDEE8	RVB 219 222 232	#DBDEE8
83.3%	83.3% #E3E5ED	RVB 227 229 237	#E3E5ED
100.0%	100.0% #EBECF2	RVB 235 236 242	#EBECF2

#BBC2D4 #C3C9D9 #CBD0DE #D3D7E3 #DBDEE8 #E3E5ED #EBECF2

#BBC2D4 - #EBECF2

Mélange HSV

#BBC2D4 - #EBECF2 | 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 #BBC2D4 0% et #EBECF2 100%.

0.0%	0.0% #BBC2D4	RVB 187 194 212	#BBC2D4
16.7%	16.7% #C2C8D9	RVB 194 200 217	#C2C8D9
33.3%	33.3% #CACEDE	RVB 202 206 222	#CACEDE
50.0%	50.0% #D2D5E3	RVB 210 213 227	#D2D5E3
66.7%	66.7% #DADCE8	RVB 218 220 232	#DADCE8
83.3%	83.3% #E2E4ED	RVB 226 228 237	#E2E4ED
100.0%	100.0% #EBECF2	RVB 235 236 242	#EBECF2

#BBC2D4 #C2C8D9 #CACEDE #D2D5E3 #DADCE8 #E2E4ED #EBECF2

#BBC2D4 - #D2D5E3 - #EBECF2

Codes CSS

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

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