#6C92EB - #1F3EAC | 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 #6C92EB à #1F3EAC

#6C92EB #1F3EAC

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

#6C92EB - #1F3EAC | 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 #6C92EB 0% et #1F3EAC 100%.

0.0%	0.0% #6C92EB	RVB 108 146 235	#6C92EB
16.7%	16.7% #5F84E0	RVB 95 132 224	#5F84E0
33.3%	33.3% #5276D6	RVB 82 118 214	#5276D6
50.0%	50.0% #4568CB	RVB 69 104 203	#4568CB
66.7%	66.7% #385AC1	RVB 56 90 193	#385AC1
83.3%	83.3% #2B4CB6	RVB 43 76 182	#2B4CB6
100.0%	100.0% #1F3EAC	RVB 31 62 172	#1F3EAC

#6C92EB #5F84E0 #5276D6 #4568CB #385AC1 #2B4CB6 #1F3EAC

#6C92EB - #1F3EAC

Mélange HSV

#6C92EB - #1F3EAC | 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 #6C92EB 0% et #1F3EAC 100%.

0.0%	0.0% #6C91EB	RVB 108 145 235	#6C91EB
16.7%	16.7% #5C82E0	RVB 92 130 224	#5C82E0
33.3%	33.3% #4E73D6	RVB 78 115 214	#4E73D6
50.0%	50.0% #4165CB	RVB 65 101 203	#4165CB
66.7%	66.7% #3457C1	RVB 52 87 193	#3457C1
83.3%	83.3% #294AB6	RVB 41 74 182	#294AB6
100.0%	100.0% #1F3EAC	RVB 31 62 172	#1F3EAC

#6C91EB #5C82E0 #4E73D6 #4165CB #3457C1 #294AB6 #1F3EAC

#6C92EB - #4165CB - #1F3EAC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C91EB 0%, #4165CB 50%, #1F3EAC 100%);
    background: -webkit-linear-gradient(top, #6C91EB 0%, #4165CB 50%, #1F3EAC 100%);
    background: linear-gradient(to bottom, #6C91EB 0%, #4165CB 50%, #1F3EAC 100%);
}
</style>