#FCFCFF - #A9CBCE | 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 #FCFCFF à #A9CBCE

#FCFCFF #A9CBCE

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

#FCFCFF - #A9CBCE | 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 #FCFCFF 0% et #A9CBCE 100%.

0.0%	0.0% #FCFCFF	RVB 252 252 255	#FCFCFF
16.7%	16.7% #EEF3F6	RVB 238 243 246	#EEF3F6
33.3%	33.3% #E0EBEE	RVB 224 235 238	#E0EBEE
50.0%	50.0% #D2E3E6	RVB 210 227 230	#D2E3E6
66.7%	66.7% #C4DBDE	RVB 196 219 222	#C4DBDE
83.3%	83.3% #B6D3D6	RVB 182 211 214	#B6D3D6
100.0%	100.0% #A9CBCE	RVB 169 203 206	#A9CBCE

#FCFCFF #EEF3F6 #E0EBEE #D2E3E6 #C4DBDE #B6D3D6 #A9CBCE

#FCFCFF - #A9CBCE

Mélange HSV

#FCFCFF - #A9CBCE | 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 #FCFCFF 0% et #A9CBCE 100%.

0.0%	0.0% #FCFCFF	RVB 252 252 255	#FCFCFF
16.7%	16.7% #EDEEF6	RVB 237 238 246	#EDEEF6
33.3%	33.3% #DEE3EE	RVB 222 227 238	#DEE3EE
50.0%	50.0% #D0DAE6	RVB 208 218 230	#D0DAE6
66.7%	66.7% #C2D3DE	RVB 194 211 222	#C2D3DE
83.3%	83.3% #B5CED6	RVB 181 206 214	#B5CED6
100.0%	100.0% #A9CBCE	RVB 169 203 206	#A9CBCE

#FCFCFF #EDEEF6 #DEE3EE #D0DAE6 #C2D3DE #B5CED6 #A9CBCE

#FCFCFF - #D0DAE6 - #A9CBCE

Codes CSS

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

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