#F08C92 - #FCDCAB | 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 #F08C92 a #FCDCAB

#F08C92 #FCDCAB

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

#F08C92 - #FCDCAB | 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 #F08C92 como 0% y #FCDCAB como 100%.

0.0%	0.0% #F08C92	RGB 240 140 146	#F08C92
16.7%	16.7% #F29996	RGB 242 153 150	#F29996
33.3%	33.3% #F4A69A	RGB 244 166 154	#F4A69A
50.0%	50.0% #F6B49E	RGB 246 180 158	#F6B49E
66.7%	66.7% #F8C1A2	RGB 248 193 162	#F8C1A2
83.3%	83.3% #FACEA6	RGB 250 206 166	#FACEA6
100.0%	100.0% #FCDCAB	RGB 252 220 171	#FCDCAB

#F08C92 #F29996 #F4A69A #F6B49E #F8C1A2 #FACEA6 #FCDCAB

#F08C92 - #FCDCAB

Mezcla HSV

#F08C92 - #FCDCAB | 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 #F08C92 como 0% y #FCDCAB como 100%.

0.0%	0.0% #F08C92	RGB 240 140 146	#F08C92
16.7%	16.7% #F29591	RGB 242 149 145	#F29591
33.3%	33.3% #F4A596	RGB 244 165 150	#F4A596
50.0%	50.0% #F6B39B	RGB 246 179 155	#F6B39B
66.7%	66.7% #F8C1A0	RGB 248 193 160	#F8C1A0
83.3%	83.3% #FACFA5	RGB 250 207 165	#FACFA5
100.0%	100.0% #FCDCAB	RGB 252 220 171	#FCDCAB

#F08C92 #F29591 #F4A596 #F6B39B #F8C1A0 #FACFA5 #FCDCAB

#F08C92 - #F6B39B - #FCDCAB

Códigos CSS

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

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