#A8C2D5 - #EADBFF | 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 #A8C2D5 à #EADBFF

#A8C2D5 #EADBFF

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

#A8C2D5 - #EADBFF | 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 #A8C2D5 0% et #EADBFF 100%.

0.0%	0.0% #A8C2D5	RVB 168 194 213	#A8C2D5
16.7%	16.7% #B3C6DC	RVB 179 198 220	#B3C6DC
33.3%	33.3% #BECAE3	RVB 190 202 227	#BECAE3
50.0%	50.0% #C9CEEA	RVB 201 206 234	#C9CEEA
66.7%	66.7% #D4D2F1	RVB 212 210 241	#D4D2F1
83.3%	83.3% #DFD6F8	RVB 223 214 248	#DFD6F8
100.0%	100.0% #EADBFF	RVB 234 219 255	#EADBFF

#A8C2D5 #B3C6DC #BECAE3 #C9CEEA #D4D2F1 #DFD6F8 #EADBFF

#A8C2D5 - #EADBFF

Mélange HSV

#A8C2D5 - #EADBFF | 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 #A8C2D5 0% et #EADBFF 100%.

0.0%	0.0% #A8C2D5	RVB 168 194 213	#A8C2D5
16.7%	16.7% #B0C2DC	RVB 176 194 220	#B0C2DC
33.3%	33.3% #B8C2E3	RVB 184 194 227	#B8C2E3
50.0%	50.0% #C0C4EA	RVB 192 196 234	#C0C4EA
66.7%	66.7% #CCC9F1	RVB 204 201 241	#CCC9F1
83.3%	83.3% #DBD2F8	RVB 219 210 248	#DBD2F8
100.0%	100.0% #EADBFF	RVB 234 219 255	#EADBFF

#A8C2D5 #B0C2DC #B8C2E3 #C0C4EA #CCC9F1 #DBD2F8 #EADBFF

#A8C2D5 - #C0C4EA - #EADBFF

Codes CSS

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

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