#FF5B64 - #FFBC74 | 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 #FF5B64 a #FFBC74

#FF5B64 #FFBC74

Calcule el color entre dos colores, #FF5B64 y #FFBC74. 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)

#FF5B64 - #FFBC74 | 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 #FF5B64 como 0% y #FFBC74 como 100%.

0.0%	0.0% #FF5B64	RGB 255 91 100	#FF5B64
16.7%	16.7% #FF6B66	RGB 255 107 102	#FF6B66
33.3%	33.3% #FF7B69	RGB 255 123 105	#FF7B69
50.0%	50.0% #FF8B6C	RGB 255 139 108	#FF8B6C
66.7%	66.7% #FF9B6E	RGB 255 155 110	#FF9B6E
83.3%	83.3% #FFAB71	RGB 255 171 113	#FFAB71
100.0%	100.0% #FFBC74	RGB 255 188 116	#FFBC74

#FF5B64 #FF6B66 #FF7B69 #FF8B6C #FF9B6E #FFAB71 #FFBC74

#FF5B64 - #FFBC74

Mezcla HSV

#FF5B64 - #FFBC74 | 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 #FF5B64 como 0% y #FFBC74 como 100%.

0.0%	0.0% #FF5B64	RGB 255 91 100	#FF5B64
16.7%	16.7% #FF655F	RGB 255 101 95	#FF655F
33.3%	33.3% #FF7863	RGB 255 120 99	#FF7863
50.0%	50.0% #FF8A67	RGB 255 138 103	#FF8A67
66.7%	66.7% #FF9B6B	RGB 255 155 107	#FF9B6B
83.3%	83.3% #FFAC6F	RGB 255 172 111	#FFAC6F
100.0%	100.0% #FFBC74	RGB 255 188 116	#FFBC74

#FF5B64 #FF655F #FF7863 #FF8A67 #FF9B6B #FFAC6F #FFBC74

#FF5B64 - #FF8A67 - #FFBC74

Códigos CSS

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

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