#41468D - #C8CADE | 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 #41468D à #C8CADE

#41468D #C8CADE

Calculez la couleur entre deux couleurs, #41468D et #C8CADE. 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)

#41468D - #C8CADE | 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 #41468D 0% et #C8CADE 100%.

0.0%	0.0% #41468D	RVB 65 70 141	#41468D
16.7%	16.7% #575C9A	RVB 87 92 154	#575C9A
33.3%	33.3% #6E72A8	RVB 110 114 168	#6E72A8
50.0%	50.0% #8488B5	RVB 132 136 181	#8488B5
66.7%	66.7% #9B9EC3	RVB 155 158 195	#9B9EC3
83.3%	83.3% #B1B4D0	RVB 177 180 208	#B1B4D0
100.0%	100.0% #C8CADE	RVB 200 202 222	#C8CADE

#41468D #575C9A #6E72A8 #8488B5 #9B9EC3 #B1B4D0 #C8CADE

#41468D - #C8CADE

Mélange HSV

#41468D - #C8CADE | 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 #41468D 0% et #C8CADE 100%.

0.0%	0.0% #41468D	RVB 65 70 141	#41468D
16.7%	16.7% #52579A	RVB 82 87 154	#52579A
33.3%	33.3% #666AA8	RVB 102 106 168	#666AA8
50.0%	50.0% #7B80B5	RVB 123 128 181	#7B80B5
66.7%	66.7% #9397C3	RVB 147 151 195	#9397C3
83.3%	83.3% #ACAFD0	RVB 172 175 208	#ACAFD0
100.0%	100.0% #C8CADE	RVB 200 202 222	#C8CADE

#41468D #52579A #666AA8 #7B80B5 #9397C3 #ACAFD0 #C8CADE

#41468D - #7B80B5 - #C8CADE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41468D 0%, #7B80B5 50%, #C8CADE 100%);
    background: -webkit-linear-gradient(top, #41468D 0%, #7B80B5 50%, #C8CADE 100%);
    background: linear-gradient(to bottom, #41468D 0%, #7B80B5 50%, #C8CADE 100%);
}
</style>