#C2B8DA - #DBDFDB | 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 #C2B8DA à #DBDFDB

#C2B8DA #DBDFDB

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

#C2B8DA - #DBDFDB | 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 #C2B8DA 0% et #DBDFDB 100%.

0.0%	0.0% #C2B8DA	RVB 194 184 218	#C2B8DA
16.7%	16.7% #C6BEDA	RVB 198 190 218	#C6BEDA
33.3%	33.3% #CAC5DA	RVB 202 197 218	#CAC5DA
50.0%	50.0% #CECBDA	RVB 206 203 218	#CECBDA
66.7%	66.7% #D2D2DA	RVB 210 210 218	#D2D2DA
83.3%	83.3% #D6D8DA	RVB 214 216 218	#D6D8DA
100.0%	100.0% #DBDFDB	RVB 219 223 219	#DBDFDB

#C2B8DA #C6BEDA #CAC5DA #CECBDA #D2D2DA #D6D8DA #DBDFDB

#C2B8DA - #DBDFDB

Mélange HSV

#C2B8DA - #DBDFDB | 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 #C2B8DA 0% et #DBDFDB 100%.

0.0%	0.0% #C2B8DA	RVB 194 184 218	#C2B8DA
16.7%	16.7% #BDC0DA	RVB 189 192 218	#BDC0DA
33.3%	33.3% #C3CEDB	RVB 195 206 219	#C3CEDB
50.0%	50.0% #C9D9DC	RVB 201 217 220	#C9D9DC
66.7%	66.7% #CFDDDA	RVB 207 221 218	#CFDDDA
83.3%	83.3% #D5DED8	RVB 213 222 216	#D5DED8
100.0%	100.0% #DBDFDB	RVB 219 223 219	#DBDFDB

#C2B8DA #BDC0DA #C3CEDB #C9D9DC #CFDDDA #D5DED8 #DBDFDB

#C2B8DA - #C9D9DC - #DBDFDB

Codes CSS

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

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