#DCEDF2 - #8DA9C0 | 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 #DCEDF2 à #8DA9C0

#DCEDF2 #8DA9C0

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

#DCEDF2 - #8DA9C0 | 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 #DCEDF2 0% et #8DA9C0 100%.

0.0%	0.0% #DCEDF2	RVB 220 237 242	#DCEDF2
16.7%	16.7% #CEE1E9	RVB 206 225 233	#CEE1E9
33.3%	33.3% #C1D6E1	RVB 193 214 225	#C1D6E1
50.0%	50.0% #B4CBD9	RVB 180 203 217	#B4CBD9
66.7%	66.7% #A7BFD0	RVB 167 191 208	#A7BFD0
83.3%	83.3% #9AB4C8	RVB 154 180 200	#9AB4C8
100.0%	100.0% #8DA9C0	RVB 141 169 192	#8DA9C0

#DCEDF2 #CEE1E9 #C1D6E1 #B4CBD9 #A7BFD0 #9AB4C8 #8DA9C0

#DCEDF2 - #8DA9C0

Mélange HSV

#DCEDF2 - #8DA9C0 | 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 #DCEDF2 0% et #8DA9C0 100%.

0.0%	0.0% #DCEDF2	RVB 220 237 242	#DCEDF2
16.7%	16.7% #CDE2E9	RVB 205 226 233	#CDE2E9
33.3%	33.3% #BFD7E1	RVB 191 215 225	#BFD7E1
50.0%	50.0% #B2CBD9	RVB 178 203 217	#B2CBD9
66.7%	66.7% #A5C0D0	RVB 165 192 208	#A5C0D0
83.3%	83.3% #98B4C8	RVB 152 180 200	#98B4C8
100.0%	100.0% #8DA9C0	RVB 141 169 192	#8DA9C0

#DCEDF2 #CDE2E9 #BFD7E1 #B2CBD9 #A5C0D0 #98B4C8 #8DA9C0

#DCEDF2 - #B2CBD9 - #8DA9C0

Codes CSS

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

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