#FFC0DA - #DB5E93 | 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 #FFC0DA à #DB5E93

#FFC0DA #DB5E93

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

#FFC0DA - #DB5E93 | 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 #FFC0DA 0% et #DB5E93 100%.

0.0%	0.0% #FFC0DA	RVB 255 192 218	#FFC0DA
16.7%	16.7% #F9AFCE	RVB 249 175 206	#F9AFCE
33.3%	33.3% #F39FC2	RVB 243 159 194	#F39FC2
50.0%	50.0% #ED8FB6	RVB 237 143 182	#ED8FB6
66.7%	66.7% #E77EAA	RVB 231 126 170	#E77EAA
83.3%	83.3% #E16E9E	RVB 225 110 158	#E16E9E
100.0%	100.0% #DB5E93	RVB 219 94 147	#DB5E93

#FFC0DA #F9AFCE #F39FC2 #ED8FB6 #E77EAA #E16E9E #DB5E93

#FFC0DA - #DB5E93

Mélange HSV

#FFC0DA - #DB5E93 | 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 #FFC0DA 0% et #DB5E93 100%.

0.0%	0.0% #FFC0DA	RVB 255 192 218	#FFC0DA
16.7%	16.7% #F9AECD	RVB 249 174 205	#F9AECD
33.3%	33.3% #F39CC0	RVB 243 156 192	#F39CC0
50.0%	50.0% #ED8CB4	RVB 237 140 180	#ED8CB4
66.7%	66.7% #E77CA9	RVB 231 124 169	#E77CA9
83.3%	83.3% #E16C9D	RVB 225 108 157	#E16C9D
100.0%	100.0% #DB5E93	RVB 219 94 147	#DB5E93

#FFC0DA #F9AECD #F39CC0 #ED8CB4 #E77CA9 #E16C9D #DB5E93

#FFC0DA - #ED8CB4 - #DB5E93

Codes CSS

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

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