#ABC6EF - #E7EEFA | 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 #ABC6EF à #E7EEFA

#ABC6EF #E7EEFA

Calculez la couleur entre deux couleurs, #ABC6EF et #E7EEFA. 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)

#ABC6EF - #E7EEFA | 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 #ABC6EF 0% et #E7EEFA 100%.

0.0%	0.0% #ABC6EF	RVB 171 198 239	#ABC6EF
16.7%	16.7% #B5CCF0	RVB 181 204 240	#B5CCF0
33.3%	33.3% #BFD3F2	RVB 191 211 242	#BFD3F2
50.0%	50.0% #C9DAF4	RVB 201 218 244	#C9DAF4
66.7%	66.7% #D3E0F6	RVB 211 224 246	#D3E0F6
83.3%	83.3% #DDE7F8	RVB 221 231 248	#DDE7F8
100.0%	100.0% #E7EEFA	RVB 231 238 250	#E7EEFA

#ABC6EF #B5CCF0 #BFD3F2 #C9DAF4 #D3E0F6 #DDE7F8 #E7EEFA

#ABC6EF - #E7EEFA

Mélange HSV

#ABC6EF - #E7EEFA | 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 #ABC6EF 0% et #E7EEFA 100%.

0.0%	0.0% #ABC6EF	RVB 171 198 239	#ABC6EF
16.7%	16.7% #B4CCF0	RVB 180 204 240	#B4CCF0
33.3%	33.3% #BED2F2	RVB 190 210 242	#BED2F2
50.0%	50.0% #C8D9F4	RVB 200 217 244	#C8D9F4
66.7%	66.7% #D2E0F6	RVB 210 224 246	#D2E0F6
83.3%	83.3% #DCE6F8	RVB 220 230 248	#DCE6F8
100.0%	100.0% #E7EEFA	RVB 231 238 250	#E7EEFA

#ABC6EF #B4CCF0 #BED2F2 #C8D9F4 #D2E0F6 #DCE6F8 #E7EEFA

#ABC6EF - #C8D9F4 - #E7EEFA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6EF 0%, #C8D9F4 50%, #E7EEFA 100%);
    background: -webkit-linear-gradient(top, #ABC6EF 0%, #C8D9F4 50%, #E7EEFA 100%);
    background: linear-gradient(to bottom, #ABC6EF 0%, #C8D9F4 50%, #E7EEFA 100%);
}
</style>