#DBECF2 - #8BA8C0 | 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 #DBECF2 à #8BA8C0

#DBECF2 #8BA8C0

Calculez la couleur entre deux couleurs, #DBECF2 et #8BA8C0. 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)

#DBECF2 - #8BA8C0 | 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 #DBECF2 0% et #8BA8C0 100%.

0.0%	0.0% #DBECF2	RVB 219 236 242	#DBECF2
16.7%	16.7% #CDE0E9	RVB 205 224 233	#CDE0E9
33.3%	33.3% #C0D5E1	RVB 192 213 225	#C0D5E1
50.0%	50.0% #B3CAD9	RVB 179 202 217	#B3CAD9
66.7%	66.7% #A5BED0	RVB 165 190 208	#A5BED0
83.3%	83.3% #98B3C8	RVB 152 179 200	#98B3C8
100.0%	100.0% #8BA8C0	RVB 139 168 192	#8BA8C0

#DBECF2 #CDE0E9 #C0D5E1 #B3CAD9 #A5BED0 #98B3C8 #8BA8C0

#DBECF2 - #8BA8C0

Mélange HSV

#DBECF2 - #8BA8C0 | 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 #DBECF2 0% et #8BA8C0 100%.

0.0%	0.0% #DBECF2	RVB 219 236 242	#DBECF2
16.7%	16.7% #CCE1E9	RVB 204 225 233	#CCE1E9
33.3%	33.3% #BED5E1	RVB 190 213 225	#BED5E1
50.0%	50.0% #B0CAD9	RVB 176 202 217	#B0CAD9
66.7%	66.7% #A3BFD0	RVB 163 191 208	#A3BFD0
83.3%	83.3% #97B3C8	RVB 151 179 200	#97B3C8
100.0%	100.0% #8BA8C0	RVB 139 168 192	#8BA8C0

#DBECF2 #CCE1E9 #BED5E1 #B0CAD9 #A3BFD0 #97B3C8 #8BA8C0

#DBECF2 - #B0CAD9 - #8BA8C0

Codes CSS

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

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