#F0FDFF - #A8CAC6 | 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 #F0FDFF à #A8CAC6

#F0FDFF #A8CAC6

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

#F0FDFF - #A8CAC6 | 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 #F0FDFF 0% et #A8CAC6 100%.

0.0%	0.0% #F0FDFF	RVB 240 253 255	#F0FDFF
16.7%	16.7% #E4F4F5	RVB 228 244 245	#E4F4F5
33.3%	33.3% #D8ECEC	RVB 216 236 236	#D8ECEC
50.0%	50.0% #CCE3E2	RVB 204 227 226	#CCE3E2
66.7%	66.7% #C0DBD9	RVB 192 219 217	#C0DBD9
83.3%	83.3% #B4D2CF	RVB 180 210 207	#B4D2CF
100.0%	100.0% #A8CAC6	RVB 168 202 198	#A8CAC6

#F0FDFF #E4F4F5 #D8ECEC #CCE3E2 #C0DBD9 #B4D2CF #A8CAC6

#F0FDFF - #A8CAC6

Mélange HSV

#F0FDFF - #A8CAC6 | 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 #F0FDFF 0% et #A8CAC6 100%.

0.0%	0.0% #F0FDFF	RVB 240 253 255	#F0FDFF
16.7%	16.7% #E3F4F6	RVB 227 244 246	#E3F4F6
33.3%	33.3% #D6ECED	RVB 214 236 237	#D6ECED
50.0%	50.0% #CAE4E4	RVB 202 228 228	#CAE4E4
66.7%	66.7% #BEDBDA	RVB 190 219 218	#BEDBDA
83.3%	83.3% #B3D2D0	RVB 179 210 208	#B3D2D0
100.0%	100.0% #A8CAC6	RVB 168 202 198	#A8CAC6

#F0FDFF #E3F4F6 #D6ECED #CAE4E4 #BEDBDA #B3D2D0 #A8CAC6

#F0FDFF - #CAE4E4 - #A8CAC6

Codes CSS

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

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