#F0ABC6 - #D1B5FF | 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 #F0ABC6 à #D1B5FF

#F0ABC6 #D1B5FF

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

#F0ABC6 - #D1B5FF | 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 #F0ABC6 0% et #D1B5FF 100%.

0.0%	0.0% #F0ABC6	RVB 240 171 198	#F0ABC6
16.7%	16.7% #EAACCF	RVB 234 172 207	#EAACCF
33.3%	33.3% #E5AED9	RVB 229 174 217	#E5AED9
50.0%	50.0% #E0B0E2	RVB 224 176 226	#E0B0E2
66.7%	66.7% #DBB1EC	RVB 219 177 236	#DBB1EC
83.3%	83.3% #D6B3F5	RVB 214 179 245	#D6B3F5
100.0%	100.0% #D1B5FF	RVB 209 181 255	#D1B5FF

#F0ABC6 #EAACCF #E5AED9 #E0B0E2 #DBB1EC #D6B3F5 #D1B5FF

#F0ABC6 - #D1B5FF

Mélange HSV

#F0ABC6 - #D1B5FF | 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 #F0ABC6 0% et #D1B5FF 100%.

0.0%	0.0% #F0ABC6	RVB 240 171 198	#F0ABC6
16.7%	16.7% #F2ACD6	RVB 242 172 214	#F2ACD6
33.3%	33.3% #F5AEE6	RVB 245 174 230	#F5AEE6
50.0%	50.0% #F7B0F7	RVB 247 176 247	#F7B0F7
66.7%	66.7% #EAB1FA	RVB 234 177 250	#EAB1FA
83.3%	83.3% #DEB3FC	RVB 222 179 252	#DEB3FC
100.0%	100.0% #D1B5FF	RVB 209 181 255	#D1B5FF

#F0ABC6 #F2ACD6 #F5AEE6 #F7B0F7 #EAB1FA #DEB3FC #D1B5FF

#F0ABC6 - #F7B0F7 - #D1B5FF

Codes CSS

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

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