#CCBBC2 - #8F605E | 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 #CCBBC2 à #8F605E

#CCBBC2 #8F605E

Calculez la couleur entre deux couleurs, #CCBBC2 et #8F605E. 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)

#CCBBC2 - #8F605E | 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 #CCBBC2 0% et #8F605E 100%.

0.0%	0.0% #CCBBC2	RVB 204 187 194	#CCBBC2
16.7%	16.7% #C1ABB1	RVB 193 171 177	#C1ABB1
33.3%	33.3% #B79CA0	RVB 183 156 160	#B79CA0
50.0%	50.0% #AD8D90	RVB 173 141 144	#AD8D90
66.7%	66.7% #A37E7F	RVB 163 126 127	#A37E7F
83.3%	83.3% #996F6E	RVB 153 111 110	#996F6E
100.0%	100.0% #8F605E	RVB 143 96 94	#8F605E

#CCBBC2 #C1ABB1 #B79CA0 #AD8D90 #A37E7F #996F6E #8F605E

#CCBBC2 - #8F605E

Mélange HSV

#CCBBC2 - #8F605E | 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 #CCBBC2 0% et #8F605E 100%.

0.0%	0.0% #CCBBC2	RVB 204 187 194	#CCBBC2
16.7%	16.7% #C1A9B1	RVB 193 169 177	#C1A9B1
33.3%	33.3% #B798A0	RVB 183 152 160	#B798A0
50.0%	50.0% #AD888F	RVB 173 136 143	#AD888F
66.7%	66.7% #A3797E	RVB 163 121 126	#A3797E
83.3%	83.3% #996B6C	RVB 153 107 108	#996B6C
100.0%	100.0% #8F605E	RVB 143 96 94	#8F605E

#CCBBC2 #C1A9B1 #B798A0 #AD888F #A3797E #996B6C #8F605E

#CCBBC2 - #AD888F - #8F605E

Codes CSS

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

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