#BBCEC2 - #EBF1ED | 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 #BBCEC2 à #EBF1ED

#BBCEC2 #EBF1ED

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

#BBCEC2 - #EBF1ED | 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 #BBCEC2 0% et #EBF1ED 100%.

0.0%	0.0% #BBCEC2	RVB 187 206 194	#BBCEC2
16.7%	16.7% #C3D3C9	RVB 195 211 201	#C3D3C9
33.3%	33.3% #CBD9D0	RVB 203 217 208	#CBD9D0
50.0%	50.0% #D3DFD7	RVB 211 223 215	#D3DFD7
66.7%	66.7% #DBE5DE	RVB 219 229 222	#DBE5DE
83.3%	83.3% #E3EBE5	RVB 227 235 229	#E3EBE5
100.0%	100.0% #EBF1ED	RVB 235 241 237	#EBF1ED

#BBCEC2 #C3D3C9 #CBD9D0 #D3DFD7 #DBE5DE #E3EBE5 #EBF1ED

#BBCEC2 - #EBF1ED

Mélange HSV

#BBCEC2 - #EBF1ED | 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 #BBCEC2 0% et #EBF1ED 100%.

0.0%	0.0% #BBCEC2	RVB 187 206 194	#BBCEC2
16.7%	16.7% #C2D3C8	RVB 194 211 200	#C2D3C8
33.3%	33.3% #CAD9CF	RVB 202 217 207	#CAD9CF
50.0%	50.0% #D2DFD7	RVB 210 223 215	#D2DFD7
66.7%	66.7% #DAE5DE	RVB 218 229 222	#DAE5DE
83.3%	83.3% #E2EBE5	RVB 226 235 229	#E2EBE5
100.0%	100.0% #EBF1ED	RVB 235 241 237	#EBF1ED

#BBCEC2 #C2D3C8 #CAD9CF #D2DFD7 #DAE5DE #E2EBE5 #EBF1ED

#BBCEC2 - #D2DFD7 - #EBF1ED

Codes CSS

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

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