#C7BFEF - #D0E5E7 | 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 #C7BFEF à #D0E5E7

#C7BFEF #D0E5E7

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

#C7BFEF - #D0E5E7 | 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 #C7BFEF 0% et #D0E5E7 100%.

0.0%	0.0% #C7BFEF	RVB 199 191 239	#C7BFEF
16.7%	16.7% #C8C5ED	RVB 200 197 237	#C8C5ED
33.3%	33.3% #CACBEC	RVB 202 203 236	#CACBEC
50.0%	50.0% #CBD2EB	RVB 203 210 235	#CBD2EB
66.7%	66.7% #CDD8E9	RVB 205 216 233	#CDD8E9
83.3%	83.3% #CEDEE8	RVB 206 222 232	#CEDEE8
100.0%	100.0% #D0E5E7	RVB 208 229 231	#D0E5E7

#C7BFEF #C8C5ED #CACBEC #CBD2EB #CDD8E9 #CEDEE8 #D0E5E7

#C7BFEF - #D0E5E7

Mélange HSV

#C7BFEF - #D0E5E7 | 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 #C7BFEF 0% et #D0E5E7 100%.

0.0%	0.0% #C7BFEF	RVB 199 191 239	#C7BFEF
16.7%	16.7% #C1C2ED	RVB 193 194 237	#C1C2ED
33.3%	33.3% #C4CCEC	RVB 196 204 236	#C4CCEC
50.0%	50.0% #C7D4EB	RVB 199 212 235	#C7D4EB
66.7%	66.7% #CADBE9	RVB 202 219 233	#CADBE9
83.3%	83.3% #CDE1E8	RVB 205 225 232	#CDE1E8
100.0%	100.0% #D0E5E7	RVB 208 229 231	#D0E5E7

#C7BFEF #C1C2ED #C4CCEC #C7D4EB #CADBE9 #CDE1E8 #D0E5E7

#C7BFEF - #C7D4EB - #D0E5E7

Codes CSS

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

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