#C92D60 - #EFC3D1 | 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 #C92D60 à #EFC3D1

#C92D60 #EFC3D1

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

#C92D60 - #EFC3D1 | 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 #C92D60 0% et #EFC3D1 100%.

0.0%	0.0% #C92D60	RVB 201 45 96	#C92D60
16.7%	16.7% #CF4672	RVB 207 70 114	#CF4672
33.3%	33.3% #D55F85	RVB 213 95 133	#D55F85
50.0%	50.0% #DC7898	RVB 220 120 152	#DC7898
66.7%	66.7% #E291AB	RVB 226 145 171	#E291AB
83.3%	83.3% #E8AABE	RVB 232 170 190	#E8AABE
100.0%	100.0% #EFC3D1	RVB 239 195 209	#EFC3D1

#C92D60 #CF4672 #D55F85 #DC7898 #E291AB #E8AABE #EFC3D1

#C92D60 - #EFC3D1

Mélange HSV

#C92D60 - #EFC3D1 | 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 #C92D60 0% et #EFC3D1 100%.

0.0%	0.0% #C92D5F	RVB 201 45 95	#C92D5F
16.7%	16.7% #CF4270	RVB 207 66 112	#CF4270
33.3%	33.3% #D55A82	RVB 213 90 130	#D55A82
50.0%	50.0% #DC7294	RVB 220 114 148	#DC7294
66.7%	66.7% #E28CA7	RVB 226 140 167	#E28CA7
83.3%	83.3% #E8A6BB	RVB 232 166 187	#E8A6BB
100.0%	100.0% #EFC3D1	RVB 239 195 209	#EFC3D1

#C92D5F #CF4270 #D55A82 #DC7294 #E28CA7 #E8A6BB #EFC3D1

#C92D60 - #DC7294 - #EFC3D1

Codes CSS

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

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