#CB6C92 - #FEC3AC | 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 #CB6C92 à #FEC3AC

#CB6C92 #FEC3AC

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

#CB6C92 - #FEC3AC | 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 #CB6C92 0% et #FEC3AC 100%.

0.0%	0.0% #CB6C92	RVB 203 108 146	#CB6C92
16.7%	16.7% #D37A96	RVB 211 122 150	#D37A96
33.3%	33.3% #DC899A	RVB 220 137 154	#DC899A
50.0%	50.0% #E4979F	RVB 228 151 159	#E4979F
66.7%	66.7% #EDA6A3	RVB 237 166 163	#EDA6A3
83.3%	83.3% #F5B4A7	RVB 245 180 167	#F5B4A7
100.0%	100.0% #FEC3AC	RVB 254 195 172	#FEC3AC

#CB6C92 #D37A96 #DC899A #E4979F #EDA6A3 #F5B4A7 #FEC3AC

#CB6C92 - #FEC3AC

Mélange HSV

#CB6C92 - #FEC3AC | 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 #CB6C92 0% et #FEC3AC 100%.

0.0%	0.0% #CB6C92	RVB 203 108 146	#CB6C92
16.7%	16.7% #D37590	RVB 211 117 144	#D37590
33.3%	33.3% #DC7F8F	RVB 220 127 143	#DC7F8F
50.0%	50.0% #E48A8F	RVB 228 138 143	#E48A8F
66.7%	66.7% #ED9995	RVB 237 153 149	#ED9995
83.3%	83.3% #F5AEA0	RVB 245 174 160	#F5AEA0
100.0%	100.0% #FEC3AC	RVB 254 195 172	#FEC3AC

#CB6C92 #D37590 #DC7F8F #E48A8F #ED9995 #F5AEA0 #FEC3AC

#CB6C92 - #E48A8F - #FEC3AC

Codes CSS

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

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