#ED3669 - #FF9C7A | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #ED3669 a #FF9C7A

#ED3669 #FF9C7A

Calcule el color entre dos colores, #ED3669 y #FF9C7A. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#ED3669 - #FF9C7A | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #ED3669 como 0% y #FF9C7A como 100%.

0.0%	0.0% #ED3669	RGB 237 54 105	#ED3669
16.7%	16.7% #F0476B	RGB 240 71 107	#F0476B
33.3%	33.3% #F3586E	RGB 243 88 110	#F3586E
50.0%	50.0% #F66971	RGB 246 105 113	#F66971
66.7%	66.7% #F97A74	RGB 249 122 116	#F97A74
83.3%	83.3% #FC8B77	RGB 252 139 119	#FC8B77
100.0%	100.0% #FF9C7A	RGB 255 156 122	#FF9C7A

#ED3669 #F0476B #F3586E #F66971 #F97A74 #FC8B77 #FF9C7A

#ED3669 - #FF9C7A

Mezcla HSV

#ED3669 - #FF9C7A | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #ED3669 como 0% y #FF9C7A como 100%.

0.0%	0.0% #ED3669	RGB 237 54 105	#ED3669
16.7%	16.7% #F04061	RGB 240 64 97	#F04061
33.3%	33.3% #F34B5C	RGB 243 75 92	#F34B5C
50.0%	50.0% #F65658	RGB 246 86 88	#F65658
66.7%	66.7% #F96E62	RGB 249 110 98	#F96E62
83.3%	83.3% #FC856E	RGB 252 133 110	#FC856E
100.0%	100.0% #FF9C7A	RGB 255 156 122	#FF9C7A

#ED3669 #F04061 #F34B5C #F65658 #F96E62 #FC856E #FF9C7A

#ED3669 - #F65658 - #FF9C7A

Códigos CSS

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

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