#CECEEC - #837CDD | 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 #CECEEC à #837CDD

#CECEEC #837CDD

Calculez la couleur entre deux couleurs, #CECEEC et #837CDD. 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)

#CECEEC - #837CDD | 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 #CECEEC 0% et #837CDD 100%.

0.0%	0.0% #CECEEC	RVB 206 206 236	#CECEEC
16.7%	16.7% #C1C0E9	RVB 193 192 233	#C1C0E9
33.3%	33.3% #B5B2E7	RVB 181 178 231	#B5B2E7
50.0%	50.0% #A8A5E4	RVB 168 165 228	#A8A5E4
66.7%	66.7% #9C97E2	RVB 156 151 226	#9C97E2
83.3%	83.3% #8F89DF	RVB 143 137 223	#8F89DF
100.0%	100.0% #837CDD	RVB 131 124 221	#837CDD

#CECEEC #C1C0E9 #B5B2E7 #A8A5E4 #9C97E2 #8F89DF #837CDD

#CECEEC - #837CDD

Mélange HSV

#CECEEC - #837CDD | 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 #CECEEC 0% et #837CDD 100%.

0.0%	0.0% #CECEEC	RVB 206 206 236	#CECEEC
16.7%	16.7% #C0BFE9	RVB 192 191 233	#C0BFE9
33.3%	33.3% #B2B1E7	RVB 178 177 231	#B2B1E7
50.0%	50.0% #A6A3E4	RVB 166 163 228	#A6A3E4
66.7%	66.7% #9996E2	RVB 153 150 226	#9996E2
83.3%	83.3% #8E89DF	RVB 142 137 223	#8E89DF
100.0%	100.0% #837CDD	RVB 131 124 221	#837CDD

#CECEEC #C0BFE9 #B2B1E7 #A6A3E4 #9996E2 #8E89DF #837CDD

#CECEEC - #A6A3E4 - #837CDD

Codes CSS

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

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