#A8D2FF - #3E73E2 | 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 #A8D2FF à #3E73E2

#A8D2FF #3E73E2

Calculez la couleur entre deux couleurs, #A8D2FF et #3E73E2. 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)

#A8D2FF - #3E73E2 | 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 #A8D2FF 0% et #3E73E2 100%.

0.0%	0.0% #A8D2FF	RVB 168 210 255	#A8D2FF
16.7%	16.7% #96C2FA	RVB 150 194 250	#96C2FA
33.3%	33.3% #84B2F5	RVB 132 178 245	#84B2F5
50.0%	50.0% #73A2F0	RVB 115 162 240	#73A2F0
66.7%	66.7% #6192EB	RVB 97 146 235	#6192EB
83.3%	83.3% #4F82E6	RVB 79 130 230	#4F82E6
100.0%	100.0% #3E73E2	RVB 62 115 226	#3E73E2

#A8D2FF #96C2FA #84B2F5 #73A2F0 #6192EB #4F82E6 #3E73E2

#A8D2FF - #3E73E2

Mélange HSV

#A8D2FF - #3E73E2 | 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 #A8D2FF 0% et #3E73E2 100%.

0.0%	0.0% #A8D2FF	RVB 168 210 255	#A8D2FF
16.7%	16.7% #94C3FA	RVB 148 195 250	#94C3FA
33.3%	33.3% #82B3F5	RVB 130 179 245	#82B3F5
50.0%	50.0% #70A3F0	RVB 112 163 240	#70A3F0
66.7%	66.7% #5E93EB	RVB 94 147 235	#5E93EB
83.3%	83.3% #4E83E6	RVB 78 131 230	#4E83E6
100.0%	100.0% #3E73E2	RVB 62 115 226	#3E73E2

#A8D2FF #94C3FA #82B3F5 #70A3F0 #5E93EB #4E83E6 #3E73E2

#A8D2FF - #70A3F0 - #3E73E2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D2FF 0%, #70A3F0 50%, #3E73E2 100%);
    background: -webkit-linear-gradient(top, #A8D2FF 0%, #70A3F0 50%, #3E73E2 100%);
    background: linear-gradient(to bottom, #A8D2FF 0%, #70A3F0 50%, #3E73E2 100%);
}
</style>