#C92D02 - #EFC3B6 | 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 #C92D02 à #EFC3B6

#C92D02 #EFC3B6

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

#C92D02 - #EFC3B6 | 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 #C92D02 0% et #EFC3B6 100%.

0.0%	0.0% #C92D02	RVB 201 45 2	#C92D02
16.7%	16.7% #CF4620	RVB 207 70 32	#CF4620
33.3%	33.3% #D55F3E	RVB 213 95 62	#D55F3E
50.0%	50.0% #DC785C	RVB 220 120 92	#DC785C
66.7%	66.7% #E2917A	RVB 226 145 122	#E2917A
83.3%	83.3% #E8AA98	RVB 232 170 152	#E8AA98
100.0%	100.0% #EFC3B6	RVB 239 195 182	#EFC3B6

#C92D02 #CF4620 #D55F3E #DC785C #E2917A #E8AA98 #EFC3B6

#C92D02 - #EFC3B6

Mélange HSV

#C92D02 - #EFC3B6 | 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 #C92D02 0% et #EFC3B6 100%.

0.0%	0.0% #C92C01	RVB 201 44 1	#C92C01
16.7%	16.7% #CF431C	RVB 207 67 28	#CF431C
33.3%	33.3% #D55A37	RVB 213 90 55	#D55A37
50.0%	50.0% #DC7254	RVB 220 114 84	#DC7254
66.7%	66.7% #E28C73	RVB 226 140 115	#E28C73
83.3%	83.3% #E8A794	RVB 232 167 148	#E8A794
100.0%	100.0% #EFC3B6	RVB 239 195 182	#EFC3B6

#C92C01 #CF431C #D55A37 #DC7254 #E28C73 #E8A794 #EFC3B6

#C92D02 - #DC7254 - #EFC3B6

Codes CSS

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

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