#C7B5E1 - #C8DDE5 | 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 #C7B5E1 à #C8DDE5

#C7B5E1 #C8DDE5

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

#C7B5E1 - #C8DDE5 | 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 #C7B5E1 0% et #C8DDE5 100%.

0.0%	0.0% #C7B5E1	RVB 199 181 225	#C7B5E1
16.7%	16.7% #C7BBE1	RVB 199 187 225	#C7BBE1
33.3%	33.3% #C7C2E2	RVB 199 194 226	#C7C2E2
50.0%	50.0% #C7C9E3	RVB 199 201 227	#C7C9E3
66.7%	66.7% #C7CFE3	RVB 199 207 227	#C7CFE3
83.3%	83.3% #C7D6E4	RVB 199 214 228	#C7D6E4
100.0%	100.0% #C8DDE5	RVB 200 221 229	#C8DDE5

#C7B5E1 #C7BBE1 #C7C2E2 #C7C9E3 #C7CFE3 #C7D6E4 #C8DDE5

#C7B5E1 - #C8DDE5

Mélange HSV

#C7B5E1 - #C8DDE5 | 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 #C7B5E1 0% et #C8DDE5 100%.

0.0%	0.0% #C7B5E1	RVB 199 181 225	#C7B5E1
16.7%	16.7% #C1B8E1	RVB 193 184 225	#C1B8E1
33.3%	33.3% #BCBBE2	RVB 188 187 226	#BCBBE2
50.0%	50.0% #BEC4E3	RVB 190 196 227	#BEC4E3
66.7%	66.7% #C1CDE3	RVB 193 205 227	#C1CDE3
83.3%	83.3% #C4D5E4	RVB 196 213 228	#C4D5E4
100.0%	100.0% #C8DDE5	RVB 200 221 229	#C8DDE5

#C7B5E1 #C1B8E1 #BCBBE2 #BEC4E3 #C1CDE3 #C4D5E4 #C8DDE5

#C7B5E1 - #BEC4E3 - #C8DDE5

Codes CSS

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

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