#F1F1EF - #CCC6A8 | 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 #F1F1EF à #CCC6A8

#F1F1EF #CCC6A8

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

#F1F1EF - #CCC6A8 | 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 #F1F1EF 0% et #CCC6A8 100%.

0.0%	0.0% #F1F1EF	RVB 241 241 239	#F1F1EF
16.7%	16.7% #EAE9E3	RVB 234 233 227	#EAE9E3
33.3%	33.3% #E4E2D7	RVB 228 226 215	#E4E2D7
50.0%	50.0% #DEDBCB	RVB 222 219 203	#DEDBCB
66.7%	66.7% #D8D4BF	RVB 216 212 191	#D8D4BF
83.3%	83.3% #D2CDB3	RVB 210 205 179	#D2CDB3
100.0%	100.0% #CCC6A8	RVB 204 198 168	#CCC6A8

#F1F1EF #EAE9E3 #E4E2D7 #DEDBCB #D8D4BF #D2CDB3 #CCC6A8

#F1F1EF - #CCC6A8

Mélange HSV

#F1F1EF - #CCC6A8 | 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 #F1F1EF 0% et #CCC6A8 100%.

0.0%	0.0% #F1F1EF	RVB 241 241 239	#F1F1EF
16.7%	16.7% #EAEAE2	RVB 234 234 226	#EAEAE2
33.3%	33.3% #E4E3D5	RVB 228 227 213	#E4E3D5
50.0%	50.0% #DEDCC9	RVB 222 220 201	#DEDCC9
66.7%	66.7% #D8D5BE	RVB 216 213 190	#D8D5BE
83.3%	83.3% #D2CDB2	RVB 210 205 178	#D2CDB2
100.0%	100.0% #CCC6A8	RVB 204 198 168	#CCC6A8

#F1F1EF #EAEAE2 #E4E3D5 #DEDCC9 #D8D5BE #D2CDB2 #CCC6A8

#F1F1EF - #DEDCC9 - #CCC6A8

Codes CSS

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

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