#3669B5 - #8FB6D7 | 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 #3669B5 à #8FB6D7

#3669B5 #8FB6D7

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

#3669B5 - #8FB6D7 | 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 #3669B5 0% et #8FB6D7 100%.

0.0%	0.0% #3669B5	RVB 54 105 181	#3669B5
16.7%	16.7% #4475BA	RVB 68 117 186	#4475BA
33.3%	33.3% #5382C0	RVB 83 130 192	#5382C0
50.0%	50.0% #628FC6	RVB 98 143 198	#628FC6
66.7%	66.7% #719CCB	RVB 113 156 203	#719CCB
83.3%	83.3% #80A9D1	RVB 128 169 209	#80A9D1
100.0%	100.0% #8FB6D7	RVB 143 182 215	#8FB6D7

#3669B5 #4475BA #5382C0 #628FC6 #719CCB #80A9D1 #8FB6D7

#3669B5 - #8FB6D7

Mélange HSV

#3669B5 - #8FB6D7 | 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 #3669B5 0% et #8FB6D7 100%.

0.0%	0.0% #3669B5	RVB 54 105 181	#3669B5
16.7%	16.7% #4375BA	RVB 67 117 186	#4375BA
33.3%	33.3% #5082C0	RVB 80 130 192	#5082C0
50.0%	50.0% #5F8FC6	RVB 95 143 198	#5F8FC6
66.7%	66.7% #6E9CCB	RVB 110 156 203	#6E9CCB
83.3%	83.3% #7EA9D1	RVB 126 169 209	#7EA9D1
100.0%	100.0% #8FB6D7	RVB 143 182 215	#8FB6D7

#3669B5 #4375BA #5082C0 #5F8FC6 #6E9CCB #7EA9D1 #8FB6D7

#3669B5 - #5F8FC6 - #8FB6D7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3669B5 0%, #5F8FC6 50%, #8FB6D7 100%);
    background: -webkit-linear-gradient(top, #3669B5 0%, #5F8FC6 50%, #8FB6D7 100%);
    background: linear-gradient(to bottom, #3669B5 0%, #5F8FC6 50%, #8FB6D7 100%);
}
</style>