#C0BD9F - #EDECE3 | 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 #C0BD9F à #EDECE3

#C0BD9F #EDECE3

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

#C0BD9F - #EDECE3 | 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 #C0BD9F 0% et #EDECE3 100%.

0.0%	0.0% #C0BD9F	RVB 192 189 159	#C0BD9F
16.7%	16.7% #C7C4AA	RVB 199 196 170	#C7C4AA
33.3%	33.3% #CFCCB5	RVB 207 204 181	#CFCCB5
50.0%	50.0% #D6D4C1	RVB 214 212 193	#D6D4C1
66.7%	66.7% #DEDCCC	RVB 222 220 204	#DEDCCC
83.3%	83.3% #E5E4D7	RVB 229 228 215	#E5E4D7
100.0%	100.0% #EDECE3	RVB 237 236 227	#EDECE3

#C0BD9F #C7C4AA #CFCCB5 #D6D4C1 #DEDCCC #E5E4D7 #EDECE3

#C0BD9F - #EDECE3

Mélange HSV

#C0BD9F - #EDECE3 | 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 #C0BD9F 0% et #EDECE3 100%.

0.0%	0.0% #C0BD9F	RVB 192 189 159	#C0BD9F
16.7%	16.7% #C7C4A9	RVB 199 196 169	#C7C4A9
33.3%	33.3% #CFCCB4	RVB 207 204 180	#CFCCB4
50.0%	50.0% #D6D4BF	RVB 214 212 191	#D6D4BF
66.7%	66.7% #DEDCCB	RVB 222 220 203	#DEDCCB
83.3%	83.3% #E5E4D6	RVB 229 228 214	#E5E4D6
100.0%	100.0% #EDECE3	RVB 237 236 227	#EDECE3

#C0BD9F #C7C4A9 #CFCCB4 #D6D4BF #DEDCCB #E5E4D6 #EDECE3

#C0BD9F - #D6D4BF - #EDECE3

Codes CSS

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

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