#F14B5E - #FFAA6B | 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 #F14B5E a #FFAA6B

#F14B5E #FFAA6B

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

#F14B5E - #FFAA6B | 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 #F14B5E como 0% y #FFAA6B como 100%.

0.0%	0.0% #F14B5E	RGB 241 75 94	#F14B5E
16.7%	16.7% #F35A60	RGB 243 90 96	#F35A60
33.3%	33.3% #F56A62	RGB 245 106 98	#F56A62
50.0%	50.0% #F87A64	RGB 248 122 100	#F87A64
66.7%	66.7% #FA8A66	RGB 250 138 102	#FA8A66
83.3%	83.3% #FC9A68	RGB 252 154 104	#FC9A68
100.0%	100.0% #FFAA6B	RGB 255 170 107	#FFAA6B

#F14B5E #F35A60 #F56A62 #F87A64 #FA8A66 #FC9A68 #FFAA6B

#F14B5E - #FFAA6B

Mezcla HSV

#F14B5E - #FFAA6B | 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 #F14B5E como 0% y #FFAA6B como 100%.

0.0%	0.0% #F14B5D	RGB 241 75 93	#F14B5D
16.7%	16.7% #F35054	RGB 243 80 84	#F35054
33.3%	33.3% #F55F55	RGB 245 95 85	#F55F55
50.0%	50.0% #F8735A	RGB 248 115 90	#F8735A
66.7%	66.7% #FA855F	RGB 250 133 95	#FA855F
83.3%	83.3% #FC9865	RGB 252 152 101	#FC9865
100.0%	100.0% #FFAA6B	RGB 255 170 107	#FFAA6B

#F14B5D #F35054 #F55F55 #F8735A #FA855F #FC9865 #FFAA6B

#F14B5E - #F8735A - #FFAA6B

Códigos CSS

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

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