#A8C5D0 - #EDE2FF | 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 #A8C5D0 à #EDE2FF

#A8C5D0 #EDE2FF

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

#A8C5D0 - #EDE2FF | 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 #A8C5D0 0% et #EDE2FF 100%.

0.0%	0.0% #A8C5D0	RVB 168 197 208	#A8C5D0
16.7%	16.7% #B3C9D7	RVB 179 201 215	#B3C9D7
33.3%	33.3% #BFCEDF	RVB 191 206 223	#BFCEDF
50.0%	50.0% #CAD3E7	RVB 202 211 231	#CAD3E7
66.7%	66.7% #D6D8EF	RVB 214 216 239	#D6D8EF
83.3%	83.3% #E1DDF7	RVB 225 221 247	#E1DDF7
100.0%	100.0% #EDE2FF	RVB 237 226 255	#EDE2FF

#A8C5D0 #B3C9D7 #BFCEDF #CAD3E7 #D6D8EF #E1DDF7 #EDE2FF

#A8C5D0 - #EDE2FF

Mélange HSV

#A8C5D0 - #EDE2FF | 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 #A8C5D0 0% et #EDE2FF 100%.

0.0%	0.0% #A8C5D0	RVB 168 197 208	#A8C5D0
16.7%	16.7% #B1C6D7	RVB 177 198 215	#B1C6D7
33.3%	33.3% #BAC7DF	RVB 186 199 223	#BAC7DF
50.0%	50.0% #C4CAE7	RVB 196 202 231	#C4CAE7
66.7%	66.7% #CECDEF	RVB 206 205 239	#CECDEF
83.3%	83.3% #DDD7F7	RVB 221 215 247	#DDD7F7
100.0%	100.0% #EDE2FF	RVB 237 226 255	#EDE2FF

#A8C5D0 #B1C6D7 #BAC7DF #C4CAE7 #CECDEF #DDD7F7 #EDE2FF

#A8C5D0 - #C4CAE7 - #EDE2FF

Codes CSS

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

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