#C0D5E3 - #6989AC | 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 #C0D5E3 à #6989AC

#C0D5E3 #6989AC

Calculez la couleur entre deux couleurs, #C0D5E3 et #6989AC. 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)

#C0D5E3 - #6989AC | 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 #C0D5E3 0% et #6989AC 100%.

0.0%	0.0% #C0D5E3	RVB 192 213 227	#C0D5E3
16.7%	16.7% #B1C8D9	RVB 177 200 217	#B1C8D9
33.3%	33.3% #A3BBD0	RVB 163 187 208	#A3BBD0
50.0%	50.0% #94AFC7	RVB 148 175 199	#94AFC7
66.7%	66.7% #86A2BE	RVB 134 162 190	#86A2BE
83.3%	83.3% #7795B5	RVB 119 149 181	#7795B5
100.0%	100.0% #6989AC	RVB 105 137 172	#6989AC

#C0D5E3 #B1C8D9 #A3BBD0 #94AFC7 #86A2BE #7795B5 #6989AC

#C0D5E3 - #6989AC

Mélange HSV

#C0D5E3 - #6989AC | 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 #C0D5E3 0% et #6989AC 100%.

0.0%	0.0% #C0D5E3	RVB 192 213 227	#C0D5E3
16.7%	16.7% #AFC8D9	RVB 175 200 217	#AFC8D9
33.3%	33.3% #A0BBD0	RVB 160 187 208	#A0BBD0
50.0%	50.0% #91AEC7	RVB 145 174 199	#91AEC7
66.7%	66.7% #83A1BE	RVB 131 161 190	#83A1BE
83.3%	83.3% #7595B5	RVB 117 149 181	#7595B5
100.0%	100.0% #6989AC	RVB 105 137 172	#6989AC

#C0D5E3 #AFC8D9 #A0BBD0 #91AEC7 #83A1BE #7595B5 #6989AC

#C0D5E3 - #91AEC7 - #6989AC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D5E3 0%, #91AEC7 50%, #6989AC 100%);
    background: -webkit-linear-gradient(top, #C0D5E3 0%, #91AEC7 50%, #6989AC 100%);
    background: linear-gradient(to bottom, #C0D5E3 0%, #91AEC7 50%, #6989AC 100%);
}
</style>