#F0FAFF - #A8CDEB | 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 #F0FAFF à #A8CDEB

#F0FAFF #A8CDEB

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

#F0FAFF - #A8CDEB | 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 #F0FAFF 0% et #A8CDEB 100%.

0.0%	0.0% #F0FAFF	RVB 240 250 255	#F0FAFF
16.7%	16.7% #E4F2FB	RVB 228 242 251	#E4F2FB
33.3%	33.3% #D8EBF8	RVB 216 235 248	#D8EBF8
50.0%	50.0% #CCE3F5	RVB 204 227 245	#CCE3F5
66.7%	66.7% #C0DCF1	RVB 192 220 241	#C0DCF1
83.3%	83.3% #B4D4EE	RVB 180 212 238	#B4D4EE
100.0%	100.0% #A8CDEB	RVB 168 205 235	#A8CDEB

#F0FAFF #E4F2FB #D8EBF8 #CCE3F5 #C0DCF1 #B4D4EE #A8CDEB

#F0FAFF - #A8CDEB

Mélange HSV

#F0FAFF - #A8CDEB | 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 #F0FAFF 0% et #A8CDEB 100%.

0.0%	0.0% #F0FAFF	RVB 240 250 255	#F0FAFF
16.7%	16.7% #E3F3FB	RVB 227 243 251	#E3F3FB
33.3%	33.3% #D6EBF8	RVB 214 235 248	#D6EBF8
50.0%	50.0% #CAE4F5	RVB 202 228 245	#CAE4F5
66.7%	66.7% #BEDCF1	RVB 190 220 241	#BEDCF1
83.3%	83.3% #B3D5EE	RVB 179 213 238	#B3D5EE
100.0%	100.0% #A8CDEB	RVB 168 205 235	#A8CDEB

#F0FAFF #E3F3FB #D6EBF8 #CAE4F5 #BEDCF1 #B3D5EE #A8CDEB

#F0FAFF - #CAE4F5 - #A8CDEB

Codes CSS

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

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