#CDCDCD - #FFE3E3 | 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 #CDCDCD à #FFE3E3

#CDCDCD #FFE3E3

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

#CDCDCD - #FFE3E3 | 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 #CDCDCD 0% et #FFE3E3 100%.

0.0%	0.0% #CDCDCD	RVB 205 205 205	#CDCDCD
16.7%	16.7% #D5D0D0	RVB 213 208 208	#D5D0D0
33.3%	33.3% #DDD4D4	RVB 221 212 212	#DDD4D4
50.0%	50.0% #E6D8D8	RVB 230 216 216	#E6D8D8
66.7%	66.7% #EEDBDB	RVB 238 219 219	#EEDBDB
83.3%	83.3% #F6DFDF	RVB 246 223 223	#F6DFDF
100.0%	100.0% #FFE3E3	RVB 255 227 227	#FFE3E3

#CDCDCD #D5D0D0 #DDD4D4 #E6D8D8 #EEDBDB #F6DFDF #FFE3E3

#CDCDCD - #FFE3E3

Mélange HSV

#CDCDCD - #FFE3E3 | 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 #CDCDCD 0% et #FFE3E3 100%.

0.0%	0.0% #CDCDCD	RVB 205 205 205	#CDCDCD
16.7%	16.7% #D5D1D1	RVB 213 209 209	#D5D1D1
33.3%	33.3% #DDD5D5	RVB 221 213 213	#DDD5D5
50.0%	50.0% #E6D9D9	RVB 230 217 217	#E6D9D9
66.7%	66.7% #EEDCDC	RVB 238 220 220	#EEDCDC
83.3%	83.3% #F6E0E0	RVB 246 224 224	#F6E0E0
100.0%	100.0% #FFE3E3	RVB 255 227 227	#FFE3E3

#CDCDCD #D5D1D1 #DDD5D5 #E6D9D9 #EEDCDC #F6E0E0 #FFE3E3

#CDCDCD - #E6D9D9 - #FFE3E3

Codes CSS

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

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