#FF4A5E - #FFAF6B | 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 #FF4A5E a #FFAF6B

#FF4A5E #FFAF6B

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

#FF4A5E - #FFAF6B | 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 #FF4A5E como 0% y #FFAF6B como 100%.

0.0%	0.0% #FF4A5E	RGB 255 74 94	#FF4A5E
16.7%	16.7% #FF5A60	RGB 255 90 96	#FF5A60
33.3%	33.3% #FF6B62	RGB 255 107 98	#FF6B62
50.0%	50.0% #FF7C64	RGB 255 124 100	#FF7C64
66.7%	66.7% #FF8D66	RGB 255 141 102	#FF8D66
83.3%	83.3% #FF9E68	RGB 255 158 104	#FF9E68
100.0%	100.0% #FFAF6B	RGB 255 175 107	#FFAF6B

#FF4A5E #FF5A60 #FF6B62 #FF7C64 #FF8D66 #FF9E68 #FFAF6B

#FF4A5E - #FFAF6B

Mezcla HSV

#FF4A5E - #FFAF6B | 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 #FF4A5E como 0% y #FFAF6B como 100%.

0.0%	0.0% #FF495E	RGB 255 73 94	#FF495E
16.7%	16.7% #FF4F52	RGB 255 79 82	#FF4F52
33.3%	33.3% #FF6254	RGB 255 98 84	#FF6254
50.0%	50.0% #FF775A	RGB 255 119 90	#FF775A
66.7%	66.7% #FF8A60	RGB 255 138 96	#FF8A60
83.3%	83.3% #FF9D65	RGB 255 157 101	#FF9D65
100.0%	100.0% #FFAF6B	RGB 255 175 107	#FFAF6B

#FF495E #FF4F52 #FF6254 #FF775A #FF8A60 #FF9D65 #FFAF6B

#FF4A5E - #FF775A - #FFAF6B

Códigos CSS

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

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