#EF9A8F - #FAE2DF | 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 #EF9A8F à #FAE2DF

#EF9A8F #FAE2DF

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

#EF9A8F - #FAE2DF | 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 #EF9A8F 0% et #FAE2DF 100%.

0.0%	0.0% #EF9A8F	RVB 239 154 143	#EF9A8F
16.7%	16.7% #F0A69C	RVB 240 166 156	#F0A69C
33.3%	33.3% #F2B2A9	RVB 242 178 169	#F2B2A9
50.0%	50.0% #F4BEB7	RVB 244 190 183	#F4BEB7
66.7%	66.7% #F6CAC4	RVB 246 202 196	#F6CAC4
83.3%	83.3% #F8D6D1	RVB 248 214 209	#F8D6D1
100.0%	100.0% #FAE2DF	RVB 250 226 223	#FAE2DF

#EF9A8F #F0A69C #F2B2A9 #F4BEB7 #F6CAC4 #F8D6D1 #FAE2DF

#EF9A8F - #FAE2DF

Mélange HSV

#EF9A8F - #FAE2DF | 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 #EF9A8F 0% et #FAE2DF 100%.

0.0%	0.0% #EF9A8F	RVB 239 154 143	#EF9A8F
16.7%	16.7% #F0A59B	RVB 240 165 155	#F0A59B
33.3%	33.3% #F2B1A8	RVB 242 177 168	#F2B1A8
50.0%	50.0% #F4BDB6	RVB 244 189 182	#F4BDB6
66.7%	66.7% #F6C9C3	RVB 246 201 195	#F6C9C3
83.3%	83.3% #F8D5D1	RVB 248 213 209	#F8D5D1
100.0%	100.0% #FAE2DF	RVB 250 226 223	#FAE2DF

#EF9A8F #F0A59B #F2B1A8 #F4BDB6 #F6C9C3 #F8D5D1 #FAE2DF

#EF9A8F - #F4BDB6 - #FAE2DF

Codes CSS

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

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