#C8C5BC - #FFECCC | 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 #C8C5BC à #FFECCC

#C8C5BC #FFECCC

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

#C8C5BC - #FFECCC | 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 #C8C5BC 0% et #FFECCC 100%.

0.0%	0.0% #C8C5BC	RVB 200 197 188	#C8C5BC
16.7%	16.7% #D1CBBE	RVB 209 203 190	#D1CBBE
33.3%	33.3% #DAD2C1	RVB 218 210 193	#DAD2C1
50.0%	50.0% #E3D8C4	RVB 227 216 196	#E3D8C4
66.7%	66.7% #ECDFC6	RVB 236 223 198	#ECDFC6
83.3%	83.3% #F5E5C9	RVB 245 229 201	#F5E5C9
100.0%	100.0% #FFECCC	RVB 255 236 204	#FFECCC

#C8C5BC #D1CBBE #DAD2C1 #E3D8C4 #ECDFC6 #F5E5C9 #FFECCC

#C8C5BC - #FFECCC

Mélange HSV

#C8C5BC - #FFECCC | 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 #C8C5BC 0% et #FFECCC 100%.

0.0%	0.0% #C8C5BC	RVB 200 197 188	#C8C5BC
16.7%	16.7% #D1CCBF	RVB 209 204 191	#D1CCBF
33.3%	33.3% #DAD3C3	RVB 218 211 195	#DAD3C3
50.0%	50.0% #E3DAC5	RVB 227 218 197	#E3DAC5
66.7%	66.7% #ECE0C8	RVB 236 224 200	#ECE0C8
83.3%	83.3% #F5E6CA	RVB 245 230 202	#F5E6CA
100.0%	100.0% #FFECCC	RVB 255 236 204	#FFECCC

#C8C5BC #D1CCBF #DAD3C3 #E3DAC5 #ECE0C8 #F5E6CA #FFECCC

#C8C5BC - #E3DAC5 - #FFECCC

Codes CSS

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

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