#B9C5E4 - #DCE1E2 | 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 #B9C5E4 à #DCE1E2

#B9C5E4 #DCE1E2

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

#B9C5E4 - #DCE1E2 | 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 #B9C5E4 0% et #DCE1E2 100%.

0.0%	0.0% #B9C5E4	RVB 185 197 228	#B9C5E4
16.7%	16.7% #BEC9E3	RVB 190 201 227	#BEC9E3
33.3%	33.3% #C4CEE3	RVB 196 206 227	#C4CEE3
50.0%	50.0% #CAD3E3	RVB 202 211 227	#CAD3E3
66.7%	66.7% #D0D7E2	RVB 208 215 226	#D0D7E2
83.3%	83.3% #D6DCE2	RVB 214 220 226	#D6DCE2
100.0%	100.0% #DCE1E2	RVB 220 225 226	#DCE1E2

#B9C5E4 #BEC9E3 #C4CEE3 #CAD3E3 #D0D7E2 #D6DCE2 #DCE1E2

#B9C5E4 - #DCE1E2

Mélange HSV

#B9C5E4 - #DCE1E2 | 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 #B9C5E4 0% et #DCE1E2 100%.

0.0%	0.0% #B9C5E4	RVB 185 197 228	#B9C5E4
16.7%	16.7% #BECCE3	RVB 190 204 227	#BECCE3
33.3%	33.3% #C4D2E3	RVB 196 210 227	#C4D2E3
50.0%	50.0% #CAD8E3	RVB 202 216 227	#CAD8E3
66.7%	66.7% #D0DCE2	RVB 208 220 226	#D0DCE2
83.3%	83.3% #D6DFE2	RVB 214 223 226	#D6DFE2
100.0%	100.0% #DCE1E2	RVB 220 225 226	#DCE1E2

#B9C5E4 #BECCE3 #C4D2E3 #CAD8E3 #D0DCE2 #D6DFE2 #DCE1E2

#B9C5E4 - #CAD8E3 - #DCE1E2

Codes CSS

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

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