#C4D5E6 - #6B8AB0 | 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 #C4D5E6 à #6B8AB0

#C4D5E6 #6B8AB0

Calculez la couleur entre deux couleurs, #C4D5E6 et #6B8AB0. 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)

#C4D5E6 - #6B8AB0 | 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 #C4D5E6 0% et #6B8AB0 100%.

0.0%	0.0% #C4D5E6	RVB 196 213 230	#C4D5E6
16.7%	16.7% #B5C8DD	RVB 181 200 221	#B5C8DD
33.3%	33.3% #A6BCD4	RVB 166 188 212	#A6BCD4
50.0%	50.0% #97AFCB	RVB 151 175 203	#97AFCB
66.7%	66.7% #88A3C2	RVB 136 163 194	#88A3C2
83.3%	83.3% #7996B9	RVB 121 150 185	#7996B9
100.0%	100.0% #6B8AB0	RVB 107 138 176	#6B8AB0

#C4D5E6 #B5C8DD #A6BCD4 #97AFCB #88A3C2 #7996B9 #6B8AB0

#C4D5E6 - #6B8AB0

Mélange HSV

#C4D5E6 - #6B8AB0 | 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 #C4D5E6 0% et #6B8AB0 100%.

0.0%	0.0% #C4D5E6	RVB 196 213 230	#C4D5E6
16.7%	16.7% #B3C7DD	RVB 179 199 221	#B3C7DD
33.3%	33.3% #A3BAD4	RVB 163 186 212	#A3BAD4
50.0%	50.0% #94AECB	RVB 148 174 203	#94AECB
66.7%	66.7% #85A1C2	RVB 133 161 194	#85A1C2
83.3%	83.3% #7895B9	RVB 120 149 185	#7895B9
100.0%	100.0% #6B8AB0	RVB 107 138 176	#6B8AB0

#C4D5E6 #B3C7DD #A3BAD4 #94AECB #85A1C2 #7895B9 #6B8AB0

#C4D5E6 - #94AECB - #6B8AB0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D5E6 0%, #94AECB 50%, #6B8AB0 100%);
    background: -webkit-linear-gradient(top, #C4D5E6 0%, #94AECB 50%, #6B8AB0 100%);
    background: linear-gradient(to bottom, #C4D5E6 0%, #94AECB 50%, #6B8AB0 100%);
}
</style>