#006CAA - #B6D5E6 | 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 #006CAA à #B6D5E6

#006CAA #B6D5E6

Calculez la couleur entre deux couleurs, #006CAA et #B6D5E6. 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)

#006CAA - #B6D5E6 | 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 #006CAA 0% et #B6D5E6 100%.

0.0%	0.0% #006CAA	RVB 0 108 170	#006CAA
16.7%	16.7% #1E7DB4	RVB 30 125 180	#1E7DB4
33.3%	33.3% #3C8FBE	RVB 60 143 190	#3C8FBE
50.0%	50.0% #5BA0C8	RVB 91 160 200	#5BA0C8
66.7%	66.7% #79B2D2	RVB 121 178 210	#79B2D2
83.3%	83.3% #97C3DC	RVB 151 195 220	#97C3DC
100.0%	100.0% #B6D5E6	RVB 182 213 230	#B6D5E6

#006CAA #1E7DB4 #3C8FBE #5BA0C8 #79B2D2 #97C3DC #B6D5E6

#006CAA - #B6D5E6

Mélange HSV

#006CAA - #B6D5E6 | 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 #006CAA 0% et #B6D5E6 100%.

0.0%	0.0% #006CAA	RVB 0 108 170	#006CAA
16.7%	16.7% #177BB4	RVB 23 123 180	#177BB4
33.3%	33.3% #328BBE	RVB 50 139 190	#328BBE
50.0%	50.0% #4F9CC8	RVB 79 156 200	#4F9CC8
66.7%	66.7% #6EAED2	RVB 110 174 210	#6EAED2
83.3%	83.3% #91C1DC	RVB 145 193 220	#91C1DC
100.0%	100.0% #B6D5E6	RVB 182 213 230	#B6D5E6

#006CAA #177BB4 #328BBE #4F9CC8 #6EAED2 #91C1DC #B6D5E6

#006CAA - #4F9CC8 - #B6D5E6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006CAA 0%, #4F9CC8 50%, #B6D5E6 100%);
    background: -webkit-linear-gradient(top, #006CAA 0%, #4F9CC8 50%, #B6D5E6 100%);
    background: linear-gradient(to bottom, #006CAA 0%, #4F9CC8 50%, #B6D5E6 100%);
}
</style>