#C16B5E - #FDBA7C | 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 #C16B5E a #FDBA7C

#C16B5E #FDBA7C

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

#C16B5E - #FDBA7C | 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 #C16B5E como 0% y #FDBA7C como 100%.

0.0%	0.0% #C16B5E	RGB 193 107 94	#C16B5E
16.7%	16.7% #CB7863	RGB 203 120 99	#CB7863
33.3%	33.3% #D58568	RGB 213 133 104	#D58568
50.0%	50.0% #DF926D	RGB 223 146 109	#DF926D
66.7%	66.7% #E99F72	RGB 233 159 114	#E99F72
83.3%	83.3% #F3AC77	RGB 243 172 119	#F3AC77
100.0%	100.0% #FDBA7C	RGB 253 186 124	#FDBA7C

#C16B5E #CB7863 #D58568 #DF926D #E99F72 #F3AC77 #FDBA7C

#C16B5E - #FDBA7C

Mezcla HSV

#C16B5E - #FDBA7C | 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 #C16B5E como 0% y #FDBA7C como 100%.

0.0%	0.0% #C16B5E	RGB 193 107 94	#C16B5E
16.7%	16.7% #CB7662	RGB 203 118 98	#CB7662
33.3%	33.3% #D58267	RGB 213 130 103	#D58267
50.0%	50.0% #DF8F6C	RGB 223 143 108	#DF8F6C
66.7%	66.7% #E99D71	RGB 233 157 113	#E99D71
83.3%	83.3% #F3AB76	RGB 243 171 118	#F3AB76
100.0%	100.0% #FDBA7C	RGB 253 186 124	#FDBA7C

#C16B5E #CB7662 #D58267 #DF8F6C #E99D71 #F3AB76 #FDBA7C

#C16B5E - #DF8F6C - #FDBA7C

Códigos CSS

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

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